diff --git a/api/Controllers/Operation.js b/api/Controllers/Operation.js
index 8477cd4d..b273568a 100644
--- a/api/Controllers/Operation.js
+++ b/api/Controllers/Operation.js
@@ -15,7 +15,6 @@ module.exports.getConfiguration = async function getConfiguration(req, res, next
try {
let dbConfigs = await operationService.getConfiguration()
let version = { version: config.version }
- let commit = { commit: config.commit }
let response = { ...version, ...dbConfigs }
res.json(response)
}
diff --git a/api/Services/collectionService.js b/api/Services/collectionService.js
index e16820af..0fe1986a 100644
--- a/api/Services/collectionService.js
+++ b/api/Services/collectionService.js
@@ -57,7 +57,6 @@ exports.getCollections = async function getCollections(userNameInput, req, res,
let [row] = await connection.query(sql, [userNameInput]);
userId = row[0].userId;
isAdmin = row[0].isAdmin;
- userName = row[0].userName;
const user = {
collections: []
diff --git a/api/Services/importService.js b/api/Services/importService.js
index bc163a6c..9ec39d0d 100644
--- a/api/Services/importService.js
+++ b/api/Services/importService.js
@@ -108,12 +108,9 @@ async function processPoamWorksheet(worksheet, userId) {
let headers;
const poamData = [];
const eMassCollection = await db.Collection.findOne({ where: { collectionName: 'eMASS' } });
- if (eMassCollection.collectionId) {
- const eMassCollectionId = eMassCollection.collectionId;
- } else {
+ if (!eMassCollection.collectionId) {
throw new Error("eMASS collection not found");
}
-
worksheet.eachRow({ includeEmpty: true }, (row, rowNumber) => {
if (rowNumber === 7) {
headers = row.values;
@@ -156,7 +153,7 @@ async function processPoamWorksheet(worksheet, userId) {
});
if (!isEmptyRow) {
- poamEntry.collectionId = eMassCollectionId;
+ poamEntry.collectionId = eMassCollection.collectionId;
poamEntry.submitterId = userId;
const comments = poamEntry.notes || '';
@@ -212,7 +209,7 @@ async function processPoamWorksheet(worksheet, userId) {
if (!asset) {
asset = await db.Asset.create({
assetName: trimmedDeviceName,
- collectionId: eMassCollectionId,
+ collectionId: eMassCollection.collectionId,
assetOrigin: 'eMASS'
});
}
diff --git a/api/Services/migrations/lib/mysql-import.js b/api/Services/migrations/lib/mysql-import.js
index 8bf39268..3646fcc4 100644
--- a/api/Services/migrations/lib/mysql-import.js
+++ b/api/Services/migrations/lib/mysql-import.js
@@ -107,7 +107,7 @@ class Importer {
try {
await this._connect();
const files = await this._getSQLFilePaths(...input);
- const error = null;
+ let error = null;
await slowLoop(files, (file, index, next) => {
if (error) {
next();
@@ -164,7 +164,7 @@ class Importer {
return;
}
const queries = new queryParser(queriesString).queries;
- const error = null;
+ let error = null;
slowLoop(queries, (query, index, next) => {
if (error) {
next();
@@ -261,7 +261,7 @@ class Importer {
_getSQLFilePaths(...paths) {
return new Promise(async (resolve, reject) => {
const full_paths = [];
- const error = null;
+ let error = null;
paths = [].concat.apply([], paths); // flatten array of paths
await slowLoop(paths, async (filepath, index, next) => {
if (error) {
@@ -277,7 +277,7 @@ class Importer {
}
next();
} else if (stat.isDirectory()) {
- const more_paths = await this._readDir(filepath);
+ let more_paths = await this._readDir(filepath);
more_paths = more_paths.map(p => path.join(filepath, p));
const sql_files = await this._getSQLFilePaths(...more_paths);
full_paths.push(...sql_files);
@@ -420,7 +420,7 @@ class queryParser {
// Check if we're at the end of the query
checkEndOfQuery() {
- const demiliterFound = false;
+ let demiliterFound = false;
if (!this.quoteType && this.buffer.length >= this.delimiter.length) {
demiliterFound = this.buffer.slice(-this.delimiter.length).join('') === this.delimiter;
}
diff --git a/api/Services/migrations/sql/current/10-cpat-tables.sql b/api/Services/migrations/sql/current/10-cpat-tables.sql
index 09437158..2bac1759 100644
--- a/api/Services/migrations/sql/current/10-cpat-tables.sql
+++ b/api/Services/migrations/sql/current/10-cpat-tables.sql
@@ -373,7 +373,7 @@ CREATE TABLE `user` (
`accountStatus` varchar(25) NOT NULL DEFAULT 'PENDING',
`fullName` varchar(100) DEFAULT NULL,
`officeOrg` varchar(100) DEFAULT 'UNKNOWN',
- `defaultTheme` varchar(20) DEFAULT 'dark',
+ `defaultTheme` varchar(50) DEFAULT 'dark',
`isAdmin` int NOT NULL DEFAULT '0',
`lastClaims` json DEFAULT (_utf8mb4'{}'),
`points` int NOT NULL DEFAULT '0',
diff --git a/api/Services/poamAssetService.js b/api/Services/poamAssetService.js
index e414fd1c..d320d924 100644
--- a/api/Services/poamAssetService.js
+++ b/api/Services/poamAssetService.js
@@ -31,7 +31,7 @@ exports.getPoamAssets = async function getPoamAssets(req, res, next) {
INNER JOIN cpat.asset t2 ON t1.assetId = t2.assetId
`;
let [rowPoamAssets] = await connection.query(sql);
- const poamAssets = rowPoamAssets.map(row => ({
+ var poamAssets = rowPoamAssets.map(row => ({
assetId: row.assetId,
assetName: row.assetName,
poamId: row.poamId,
diff --git a/api/Services/poamExtensionMilestoneService.js b/api/Services/poamExtensionMilestoneService.js
index 8b2bf232..8790e61b 100644
--- a/api/Services/poamExtensionMilestoneService.js
+++ b/api/Services/poamExtensionMilestoneService.js
@@ -187,14 +187,8 @@ exports.deletePoamExtensionMilestone = async function deletePoamExtensionMilesto
let sql = "DELETE FROM cpat.poamExtensionMilestones WHERE poamId= ? AND extensionMilestoneId = ?";
await connection.query(sql, [poamId, extensionMilestoneId]);
- let action = `ExtensionMilestone Deleted.`;
if (requestBody.requestorId) {
- if (requestBody.extension == true) {
- action = `Extension ExtensionMilestone deleted.`;
- }
- else {
- action = `POAM ExtensionMilestone deleted.`;
- }
+ let action = `Extension Milestone deleted.`;
let logSql = "INSERT INTO cpat.poamlogs (poamId, action, userId) VALUES (?, ?, ?)";
await connection.query(logSql, [poamId, action, requestBody.requestorId]);
}
diff --git a/api/Services/poamService.js b/api/Services/poamService.js
index 961af55f..479e3fac 100644
--- a/api/Services/poamService.js
+++ b/api/Services/poamService.js
@@ -536,16 +536,6 @@ exports.updatePoamStatus = async function updatePoamStatus(req, res, next) {
return res.status(404).json({ errors: 'POAM not found' });
}
- const existingPoam = existingPoamRow[0];
-
- const existingPoamNormalized = {
- ...existingPoam,
- submittedDate: normalizeDate(existingPoam.submittedDate) || null,
- scheduledCompletionDate: normalizeDate(existingPoam.scheduledCompletionDate) || null,
- closedDate: normalizeDate(existingPoam.closedDate) || null,
- iavComplyByDate: normalizeDate(existingPoam.iavComplyByDate) || null,
- };
-
const sqlUpdatePoam = `UPDATE cpat.poam SET status = ? WHERE poamId = ?`;
await connection.query(sqlUpdatePoam, [req.body.status, req.params.poamId]);
diff --git a/api/utils/auth.js b/api/utils/auth.js
index 595d38df..2f425807 100644
--- a/api/utils/auth.js
+++ b/api/utils/auth.js
@@ -138,7 +138,7 @@ function getKey(header, callback) {
try {
client.getSigningKey(header.kid, function (err, key) {
if (!err) {
- var signingKey = key.publicKey || key.rsaPublicKey;
+ let signingKey = key.publicKey || key.rsaPublicKey;
callback(null, signingKey);
} else {
callback(err, null);
diff --git a/api/utils/logger.js b/api/utils/logger.js
index 21db9746..2fdcc18e 100644
--- a/api/utils/logger.js
+++ b/api/utils/logger.js
@@ -98,7 +98,7 @@ function requestLogger(req, res, next) {
res._startTime = undefined;
res.svcStatus = {};
- let responseBody = undefined;
+ let responseBody;
if (req.query.elevate === true || req.query.elevate === 'true') {
responseBody = ''
const originalSend = res.send
diff --git a/api/utils/writer.js b/api/utils/writer.js
index 080bb220..832f1180 100644
--- a/api/utils/writer.js
+++ b/api/utils/writer.js
@@ -9,77 +9,77 @@
*/
let ResponsePayload = function (code, payload) {
- this.code = code;
- this.payload = payload;
+ this.code = code;
+ this.payload = payload;
}
-exports.respondWithCode = function(code, payload) {
- return new ResponsePayload(code, payload);
+exports.respondWithCode = function (code, payload) {
+ return new ResponsePayload(code, payload);
}
-let writeJson = exports.writeJson = function(response, arg1, arg2) {
- let code;
- let payload;
-
- if(arg1 && arg1 instanceof ResponsePayload) {
- writeJson(response, arg1.payload, arg1.code);
- return;
- }
-
- if(arg2 && Number.isInteger(arg2)) {
- code = arg2;
- } else if(arg1 && Number.isInteger(arg1)) {
- code = arg1;
- }
- if(arg1) {
- payload = arg1;
- }
-
- if(!code) {
- // if no response code given, we default to 200
- code = 200;
- }
- if (typeof payload == 'undefined') {
- code = 204
- }
- if (payload instanceof Error) {
- payload = JSON.stringify(payload, Object.getOwnPropertyNames(payload), 2);
- code = 500
- }
- else {
- payload = JSON.stringify(payload);
- }
- response.writeHead(code, {
- 'Content-Type': 'application/json',
- 'Cache-control': 'no-store'
- });
- response.end(payload);
+let writeJson = exports.writeJson = function (response, arg1, arg2) {
+ let code;
+ let payload;
+ if (arg1 && arg1 instanceof ResponsePayload) {
+ writeJson(response, arg1.payload, arg1.code);
+ return;
+ }
+ if (arg2 && Number.isInteger(arg2)) {
+ code = arg2;
+ } else if (arg1 && Number.isInteger(arg1)) {
+ code = arg1;
+ }
+ if (arg1) {
+ payload = arg1;
+ }
+ if (!code) {
+ // if no response code given, we default to 200
+ code = 200;
+ }
+ if (typeof payload == 'undefined') {
+ code = 204
+ }
+ if (payload instanceof Error) {
+ payload = JSON.stringify(payload, Object.getOwnPropertyNames(payload), 2);
+ code = 500
+ }
+ else {
+ payload = JSON.stringify(payload);
+ }
+ response.writeHead(code, {
+ 'Content-Type': 'application/json',
+ 'Cache-control': 'no-store'
+ });
+ response.end(payload);
}
const charToHexStr = (c) => `%${c.charCodeAt(0).toString(16).padStart(2, '0')}`
const goodFilename = (string) =>
- string.replace(/[<>:"/\\|?*\x00-\x1F]| +$/g, charToHexStr)
+ string.replace(/([<>:"/\\|?*]|[\x00-\x1F])|( +$)/g, (match, controlChar, trailingSpace) => {
+ if (controlChar) return charToHexStr(controlChar);
+ if (trailingSpace) return '';
+ return match;
+ });
-exports.writeInlineFile = function(response, payload, filename, contentType) {
- response.writeHead(200, {
- 'Content-Type': contentType,
- 'Content-Disposition': `inline; filename="${goodFilename(filename)}"`,
- 'Access-Control-Expose-Headers': 'Content-Disposition'
- })
- response.write(payload)
- response.end()
+exports.writeInlineFile = function (response, payload, filename, contentType) {
+ response.writeHead(200, {
+ 'Content-Type': contentType,
+ 'Content-Disposition': `inline; filename="${goodFilename(filename)}"`,
+ 'Access-Control-Expose-Headers': 'Content-Disposition'
+ })
+ response.write(payload)
+ response.end()
}
-exports.writeWithContentType = function(response, {payload, status = "200", contentType = "application/json"}) {
- response.writeHead(status, {
- 'Content-Type': contentType
- })
- response.end(payload)
+exports.writeWithContentType = function (response, { payload, status = "200", contentType = "application/json" }) {
+ response.writeHead(status, {
+ 'Content-Type': contentType
+ })
+ response.end(payload)
}
exports.writeNoContent = function (response) {
- response.writeHead(204)
- response.end()
-}
-
+ response.writeHead(204)
+ response.end()
+}
\ No newline at end of file
diff --git a/client/angular.json b/client/angular.json
index b50af22e..09faf109 100644
--- a/client/angular.json
+++ b/client/angular.json
@@ -42,13 +42,13 @@
"src/assets",
{
"glob": "**/*",
- "input": "src/assets/components/themes",
- "output": "assets/components/themes"
+ "input": "src/app/styles/themes",
+ "output": "app/styles/themes"
}
],
"styles": [
- "src/app/theme/styles/styles.scss",
- "src/app/theme/styles/_primeng-overrides.scss",
+ "src/app/styles/styles.scss",
+ "src/app/styles/_primeng-overrides.scss",
"node_modules/pace-js/templates/pace-theme-flash.tmpl.css",
"node_modules/@fortawesome/fontawesome-free/css/all.css",
"node_modules/primeng/resources/primeng.min.css",
diff --git a/client/package-lock.json b/client/package-lock.json
index 5c5b0696..c752d40a 100644
--- a/client/package-lock.json
+++ b/client/package-lock.json
@@ -8,20 +8,21 @@
"name": "cpat-frontend",
"version": "0.2.0",
"dependencies": {
- "@angular/animations": "^18.0.6",
- "@angular/cdk": "^18.0.6",
- "@angular/common": "^18.0.6",
- "@angular/compiler": "^18.0.6",
- "@angular/core": "^18.0.6",
- "@angular/forms": "^18.0.6",
- "@angular/localize": "^18.0.6",
- "@angular/material": "^18.0.6",
- "@angular/platform-browser": "^18.0.6",
- "@angular/platform-browser-dynamic": "^18.0.6",
- "@angular/router": "^18.0.6",
- "@fortawesome/fontawesome-free": "^6.5.2",
+ "@angular/animations": "^18.1.0",
+ "@angular/cdk": "^18.1.1",
+ "@angular/common": "^18.1.0",
+ "@angular/compiler": "^18.1.0",
+ "@angular/core": "^18.1.0",
+ "@angular/forms": "^18.1.0",
+ "@angular/localize": "^18.1.0",
+ "@angular/material": "^18.1.1",
+ "@angular/platform-browser": "^18.1.0",
+ "@angular/platform-browser-dynamic": "^18.1.0",
+ "@angular/router": "^18.1.0",
+ "@fortawesome/fontawesome-free": "^6.6.0",
"@ng-bootstrap/ng-bootstrap": "^17.0.0",
"@swimlane/ngx-charts": "^20.5.0",
+ "algoliasearch": "^4.24.0",
"angular-auth-oidc-client": "^18.0.1",
"bootstrap": "^5.3.3",
"chart.js": "^4.4.3",
@@ -29,6 +30,7 @@
"classlist.js": "^1.1.20150312",
"date-fns": "^3.6.0",
"exceljs": "^4.4.0",
+ "instantsearch.js": "^4.73.2",
"jsonwebtoken": "^9.0.2",
"ng-particles": "^3.12.0",
"ng2-charts": "^6.0.1",
@@ -36,7 +38,7 @@
"pace-js": "^1.2.4",
"primeflex": "^3.3.1",
"primeicons": "^7.0.0",
- "primeng": "^17.18.3",
+ "primeng": "^17.18.4",
"rxjs": "^7.8.1",
"subsink": "^1.0.2",
"typescript": "^5.4.5",
@@ -44,14 +46,14 @@
"zone.js": "^0.14.7"
},
"devDependencies": {
- "@angular-devkit/build-angular": "^18.0.7",
- "@angular/cli": "^18.0.7",
- "@angular/compiler-cli": "^18.0.6",
+ "@angular-devkit/build-angular": "^18.1.0",
+ "@angular/cli": "^18.1.0",
+ "@angular/compiler-cli": "^18.1.0",
"@types/chart.js": "^2.9.41",
"@types/d3": "^7.4.3",
"@types/jasmine": "^5.1.4",
"@types/jquery": "^3.5.30",
- "@types/node": "^20.14.10",
+ "@types/node": "^20.14.11",
"jasmine-core": "^5.1.2",
"jest": "^29.7.0",
"karma": "^6.4.3",
@@ -61,6 +63,160 @@
"karma-jasmine-html-reporter": "^2.1.0"
}
},
+ "node_modules/@algolia/cache-browser-local-storage": {
+ "version": "4.24.0",
+ "resolved": "https://registry.npmjs.org/@algolia/cache-browser-local-storage/-/cache-browser-local-storage-4.24.0.tgz",
+ "integrity": "sha512-t63W9BnoXVrGy9iYHBgObNXqYXM3tYXCjDSHeNwnsc324r4o5UiVKUiAB4THQ5z9U5hTj6qUvwg/Ez43ZD85ww==",
+ "license": "MIT",
+ "dependencies": {
+ "@algolia/cache-common": "4.24.0"
+ }
+ },
+ "node_modules/@algolia/cache-common": {
+ "version": "4.24.0",
+ "resolved": "https://registry.npmjs.org/@algolia/cache-common/-/cache-common-4.24.0.tgz",
+ "integrity": "sha512-emi+v+DmVLpMGhp0V9q9h5CdkURsNmFC+cOS6uK9ndeJm9J4TiqSvPYVu+THUP8P/S08rxf5x2P+p3CfID0Y4g==",
+ "license": "MIT"
+ },
+ "node_modules/@algolia/cache-in-memory": {
+ "version": "4.24.0",
+ "resolved": "https://registry.npmjs.org/@algolia/cache-in-memory/-/cache-in-memory-4.24.0.tgz",
+ "integrity": "sha512-gDrt2so19jW26jY3/MkFg5mEypFIPbPoXsQGQWAi6TrCPsNOSEYepBMPlucqWigsmEy/prp5ug2jy/N3PVG/8w==",
+ "license": "MIT",
+ "dependencies": {
+ "@algolia/cache-common": "4.24.0"
+ }
+ },
+ "node_modules/@algolia/client-account": {
+ "version": "4.24.0",
+ "resolved": "https://registry.npmjs.org/@algolia/client-account/-/client-account-4.24.0.tgz",
+ "integrity": "sha512-adcvyJ3KjPZFDybxlqnf+5KgxJtBjwTPTeyG2aOyoJvx0Y8dUQAEOEVOJ/GBxX0WWNbmaSrhDURMhc+QeevDsA==",
+ "license": "MIT",
+ "dependencies": {
+ "@algolia/client-common": "4.24.0",
+ "@algolia/client-search": "4.24.0",
+ "@algolia/transporter": "4.24.0"
+ }
+ },
+ "node_modules/@algolia/client-analytics": {
+ "version": "4.24.0",
+ "resolved": "https://registry.npmjs.org/@algolia/client-analytics/-/client-analytics-4.24.0.tgz",
+ "integrity": "sha512-y8jOZt1OjwWU4N2qr8G4AxXAzaa8DBvyHTWlHzX/7Me1LX8OayfgHexqrsL4vSBcoMmVw2XnVW9MhL+Y2ZDJXg==",
+ "license": "MIT",
+ "dependencies": {
+ "@algolia/client-common": "4.24.0",
+ "@algolia/client-search": "4.24.0",
+ "@algolia/requester-common": "4.24.0",
+ "@algolia/transporter": "4.24.0"
+ }
+ },
+ "node_modules/@algolia/client-common": {
+ "version": "4.24.0",
+ "resolved": "https://registry.npmjs.org/@algolia/client-common/-/client-common-4.24.0.tgz",
+ "integrity": "sha512-bc2ROsNL6w6rqpl5jj/UywlIYC21TwSSoFHKl01lYirGMW+9Eek6r02Tocg4gZ8HAw3iBvu6XQiM3BEbmEMoiA==",
+ "license": "MIT",
+ "dependencies": {
+ "@algolia/requester-common": "4.24.0",
+ "@algolia/transporter": "4.24.0"
+ }
+ },
+ "node_modules/@algolia/client-personalization": {
+ "version": "4.24.0",
+ "resolved": "https://registry.npmjs.org/@algolia/client-personalization/-/client-personalization-4.24.0.tgz",
+ "integrity": "sha512-l5FRFm/yngztweU0HdUzz1rC4yoWCFo3IF+dVIVTfEPg906eZg5BOd1k0K6rZx5JzyyoP4LdmOikfkfGsKVE9w==",
+ "license": "MIT",
+ "dependencies": {
+ "@algolia/client-common": "4.24.0",
+ "@algolia/requester-common": "4.24.0",
+ "@algolia/transporter": "4.24.0"
+ }
+ },
+ "node_modules/@algolia/client-search": {
+ "version": "4.24.0",
+ "resolved": "https://registry.npmjs.org/@algolia/client-search/-/client-search-4.24.0.tgz",
+ "integrity": "sha512-uRW6EpNapmLAD0mW47OXqTP8eiIx5F6qN9/x/7HHO6owL3N1IXqydGwW5nhDFBrV+ldouro2W1VX3XlcUXEFCA==",
+ "license": "MIT",
+ "dependencies": {
+ "@algolia/client-common": "4.24.0",
+ "@algolia/requester-common": "4.24.0",
+ "@algolia/transporter": "4.24.0"
+ }
+ },
+ "node_modules/@algolia/events": {
+ "version": "4.0.1",
+ "resolved": "https://registry.npmjs.org/@algolia/events/-/events-4.0.1.tgz",
+ "integrity": "sha512-FQzvOCgoFXAbf5Y6mYozw2aj5KCJoA3m4heImceldzPSMbdyS4atVjJzXKMsfX3wnZTFYwkkt8/z8UesLHlSBQ==",
+ "license": "MIT"
+ },
+ "node_modules/@algolia/logger-common": {
+ "version": "4.24.0",
+ "resolved": "https://registry.npmjs.org/@algolia/logger-common/-/logger-common-4.24.0.tgz",
+ "integrity": "sha512-LLUNjkahj9KtKYrQhFKCzMx0BY3RnNP4FEtO+sBybCjJ73E8jNdaKJ/Dd8A/VA4imVHP5tADZ8pn5B8Ga/wTMA==",
+ "license": "MIT"
+ },
+ "node_modules/@algolia/logger-console": {
+ "version": "4.24.0",
+ "resolved": "https://registry.npmjs.org/@algolia/logger-console/-/logger-console-4.24.0.tgz",
+ "integrity": "sha512-X4C8IoHgHfiUROfoRCV+lzSy+LHMgkoEEU1BbKcsfnV0i0S20zyy0NLww9dwVHUWNfPPxdMU+/wKmLGYf96yTg==",
+ "license": "MIT",
+ "dependencies": {
+ "@algolia/logger-common": "4.24.0"
+ }
+ },
+ "node_modules/@algolia/recommend": {
+ "version": "4.24.0",
+ "resolved": "https://registry.npmjs.org/@algolia/recommend/-/recommend-4.24.0.tgz",
+ "integrity": "sha512-P9kcgerfVBpfYHDfVZDvvdJv0lEoCvzNlOy2nykyt5bK8TyieYyiD0lguIJdRZZYGre03WIAFf14pgE+V+IBlw==",
+ "license": "MIT",
+ "dependencies": {
+ "@algolia/cache-browser-local-storage": "4.24.0",
+ "@algolia/cache-common": "4.24.0",
+ "@algolia/cache-in-memory": "4.24.0",
+ "@algolia/client-common": "4.24.0",
+ "@algolia/client-search": "4.24.0",
+ "@algolia/logger-common": "4.24.0",
+ "@algolia/logger-console": "4.24.0",
+ "@algolia/requester-browser-xhr": "4.24.0",
+ "@algolia/requester-common": "4.24.0",
+ "@algolia/requester-node-http": "4.24.0",
+ "@algolia/transporter": "4.24.0"
+ }
+ },
+ "node_modules/@algolia/requester-browser-xhr": {
+ "version": "4.24.0",
+ "resolved": "https://registry.npmjs.org/@algolia/requester-browser-xhr/-/requester-browser-xhr-4.24.0.tgz",
+ "integrity": "sha512-Z2NxZMb6+nVXSjF13YpjYTdvV3032YTBSGm2vnYvYPA6mMxzM3v5rsCiSspndn9rzIW4Qp1lPHBvuoKJV6jnAA==",
+ "license": "MIT",
+ "dependencies": {
+ "@algolia/requester-common": "4.24.0"
+ }
+ },
+ "node_modules/@algolia/requester-common": {
+ "version": "4.24.0",
+ "resolved": "https://registry.npmjs.org/@algolia/requester-common/-/requester-common-4.24.0.tgz",
+ "integrity": "sha512-k3CXJ2OVnvgE3HMwcojpvY6d9kgKMPRxs/kVohrwF5WMr2fnqojnycZkxPoEg+bXm8fi5BBfFmOqgYztRtHsQA==",
+ "license": "MIT"
+ },
+ "node_modules/@algolia/requester-node-http": {
+ "version": "4.24.0",
+ "resolved": "https://registry.npmjs.org/@algolia/requester-node-http/-/requester-node-http-4.24.0.tgz",
+ "integrity": "sha512-JF18yTjNOVYvU/L3UosRcvbPMGT9B+/GQWNWnenIImglzNVGpyzChkXLnrSf6uxwVNO6ESGu6oN8MqcGQcjQJw==",
+ "license": "MIT",
+ "dependencies": {
+ "@algolia/requester-common": "4.24.0"
+ }
+ },
+ "node_modules/@algolia/transporter": {
+ "version": "4.24.0",
+ "resolved": "https://registry.npmjs.org/@algolia/transporter/-/transporter-4.24.0.tgz",
+ "integrity": "sha512-86nI7w6NzWxd1Zp9q3413dRshDqAzSbsQjhcDhPIatEFiZrL1/TjnHL8S7jVKFePlIMzDsZWXAXwXzcok9c5oA==",
+ "license": "MIT",
+ "dependencies": {
+ "@algolia/cache-common": "4.24.0",
+ "@algolia/logger-common": "4.24.0",
+ "@algolia/requester-common": "4.24.0"
+ }
+ },
"node_modules/@ampproject/remapping": {
"version": "2.3.0",
"resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.3.0.tgz",
@@ -75,13 +231,13 @@
}
},
"node_modules/@angular-devkit/architect": {
- "version": "0.1800.7",
- "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1800.7.tgz",
- "integrity": "sha512-ZYIjdngUOjY6G2XJGHtATLr+HhJWdo7Z3ATlzQTGI9D1a02kW3UFlELQBhFIn+1o78FU6W0STZgyfBH8M7wD2w==",
+ "version": "0.1801.0",
+ "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1801.0.tgz",
+ "integrity": "sha512-iZa3J3CrZT6MKiHPw8ijgVwMyCMewCsP4xc75SetUwF/yuqRUHygALs5jJVZQFQjSFUrkg9gqXa1cCjFDwpT8A==",
"dev": true,
"license": "MIT",
"dependencies": {
- "@angular-devkit/core": "18.0.7",
+ "@angular-devkit/core": "18.1.0",
"rxjs": "7.8.1"
},
"engines": {
@@ -91,72 +247,71 @@
}
},
"node_modules/@angular-devkit/build-angular": {
- "version": "18.0.7",
- "resolved": "https://registry.npmjs.org/@angular-devkit/build-angular/-/build-angular-18.0.7.tgz",
- "integrity": "sha512-64wCCqPA7ZpawqSopnGQ9USJBt0EiejrtD7iJLA9xgIlpJhoIetxGnglPxfiBNs5RmXXTQDY+8yrUwEPA2l6cQ==",
+ "version": "18.1.0",
+ "resolved": "https://registry.npmjs.org/@angular-devkit/build-angular/-/build-angular-18.1.0.tgz",
+ "integrity": "sha512-j/YrEFuEX90Pcyzjew6EcCoxT+Va0AlGjgWyVIuStNTEsCx9Vp7T2tS7w6LL1t6leM7gzf8f/ZKtvRPnAsWdQg==",
"dev": true,
"license": "MIT",
"dependencies": {
"@ampproject/remapping": "2.3.0",
- "@angular-devkit/architect": "0.1800.7",
- "@angular-devkit/build-webpack": "0.1800.7",
- "@angular-devkit/core": "18.0.7",
- "@angular/build": "18.0.7",
- "@babel/core": "7.24.5",
- "@babel/generator": "7.24.5",
- "@babel/helper-annotate-as-pure": "7.22.5",
- "@babel/helper-split-export-declaration": "7.24.5",
- "@babel/plugin-transform-async-generator-functions": "7.24.3",
- "@babel/plugin-transform-async-to-generator": "7.24.1",
- "@babel/plugin-transform-runtime": "7.24.3",
- "@babel/preset-env": "7.24.5",
- "@babel/runtime": "7.24.5",
+ "@angular-devkit/architect": "0.1801.0",
+ "@angular-devkit/build-webpack": "0.1801.0",
+ "@angular-devkit/core": "18.1.0",
+ "@angular/build": "18.1.0",
+ "@babel/core": "7.24.7",
+ "@babel/generator": "7.24.7",
+ "@babel/helper-annotate-as-pure": "7.24.7",
+ "@babel/helper-split-export-declaration": "7.24.7",
+ "@babel/plugin-transform-async-generator-functions": "7.24.7",
+ "@babel/plugin-transform-async-to-generator": "7.24.7",
+ "@babel/plugin-transform-runtime": "7.24.7",
+ "@babel/preset-env": "7.24.7",
+ "@babel/runtime": "7.24.7",
"@discoveryjs/json-ext": "0.5.7",
- "@ngtools/webpack": "18.0.7",
+ "@ngtools/webpack": "18.1.0",
"@vitejs/plugin-basic-ssl": "1.1.0",
"ansi-colors": "4.1.3",
"autoprefixer": "10.4.19",
"babel-loader": "9.1.3",
"browserslist": "^4.21.5",
- "copy-webpack-plugin": "11.0.0",
- "critters": "0.0.22",
- "css-loader": "7.1.1",
- "esbuild-wasm": "0.21.3",
+ "copy-webpack-plugin": "12.0.2",
+ "critters": "0.0.24",
+ "css-loader": "7.1.2",
+ "esbuild-wasm": "0.21.5",
"fast-glob": "3.3.2",
"http-proxy-middleware": "3.0.0",
- "https-proxy-agent": "7.0.4",
- "inquirer": "9.2.22",
+ "https-proxy-agent": "7.0.5",
"istanbul-lib-instrument": "6.0.2",
- "jsonc-parser": "3.2.1",
+ "jsonc-parser": "3.3.1",
"karma-source-map-support": "1.4.0",
"less": "4.2.0",
"less-loader": "12.2.0",
"license-webpack-plugin": "4.0.2",
- "loader-utils": "3.2.1",
+ "loader-utils": "3.3.1",
"magic-string": "0.30.10",
"mini-css-extract-plugin": "2.9.0",
"mrmime": "2.0.0",
- "open": "8.4.2",
+ "open": "10.1.0",
"ora": "5.4.1",
"parse5-html-rewriting-stream": "7.0.0",
"picomatch": "4.0.2",
- "piscina": "4.5.0",
+ "piscina": "4.6.1",
"postcss": "8.4.38",
"postcss-loader": "8.1.1",
"resolve-url-loader": "5.0.0",
"rxjs": "7.8.1",
- "sass": "1.77.2",
+ "sass": "1.77.6",
"sass-loader": "14.2.1",
"semver": "7.6.2",
"source-map-loader": "5.0.0",
"source-map-support": "0.5.21",
"terser": "5.29.2",
"tree-kill": "1.2.2",
- "tslib": "2.6.2",
- "undici": "6.18.0",
- "vite": "5.2.11",
+ "tslib": "2.6.3",
+ "undici": "6.19.2",
+ "vite": "5.3.2",
"watchpack": "2.4.1",
- "webpack": "5.91.0",
+ "webpack": "5.92.1",
"webpack-dev-middleware": "7.2.1",
"webpack-dev-server": "5.0.4",
"webpack-merge": "5.10.0",
@@ -168,7 +323,7 @@
"yarn": ">= 1.13.0"
},
"optionalDependencies": {
- "esbuild": "0.21.3"
+ "esbuild": "0.21.5"
},
"peerDependencies": {
"@angular/compiler-cli": "^18.0.0",
@@ -183,7 +338,7 @@
"ng-packagr": "^18.0.0",
"protractor": "^7.0.0",
"tailwindcss": "^2.0.0 || ^3.0.0",
- "typescript": ">=5.4 <5.5"
+ "typescript": ">=5.4 <5.6"
},
"peerDependenciesMeta": {
"@angular/localize": {
@@ -221,100 +376,14 @@
}
}
},
- "node_modules/@angular-devkit/build-angular/node_modules/@angular/build": {
- "version": "18.0.7",
- "resolved": "https://registry.npmjs.org/@angular/build/-/build-18.0.7.tgz",
- "integrity": "sha512-6XfLx8VHDIB6o0cAyOqX4sUok0tB24/AupAxTtQpt+fbwVOv6fj+M1dzGj+3bdopM6WzZUPiBxjk+o/3QRCEbA==",
- "dev": true,
- "license": "MIT",
- "dependencies": {
- "@ampproject/remapping": "2.3.0",
- "@angular-devkit/architect": "0.1800.7",
- "@babel/core": "7.24.5",
- "@babel/helper-annotate-as-pure": "7.22.5",
- "@babel/helper-split-export-declaration": "7.24.5",
- "@vitejs/plugin-basic-ssl": "1.1.0",
- "ansi-colors": "4.1.3",
- "browserslist": "^4.23.0",
- "critters": "0.0.22",
- "esbuild": "0.21.3",
- "fast-glob": "3.3.2",
- "https-proxy-agent": "7.0.4",
- "inquirer": "9.2.22",
- "lmdb": "3.0.8",
- "magic-string": "0.30.10",
- "mrmime": "2.0.0",
- "ora": "5.4.1",
- "parse5-html-rewriting-stream": "7.0.0",
- "picomatch": "4.0.2",
- "piscina": "4.5.0",
- "sass": "1.77.2",
- "semver": "7.6.2",
- "undici": "6.18.0",
- "vite": "5.2.11",
- "watchpack": "2.4.1"
- },
- "engines": {
- "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
- "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
- "yarn": ">= 1.13.0"
- },
- "peerDependencies": {
- "@angular/compiler-cli": "^18.0.0",
- "@angular/localize": "^18.0.0",
- "@angular/platform-server": "^18.0.0",
- "@angular/service-worker": "^18.0.0",
- "less": "^4.2.0",
- "postcss": "^8.4.0",
- "tailwindcss": "^2.0.0 || ^3.0.0",
- "typescript": ">=5.4 <5.5"
- },
- "peerDependenciesMeta": {
- "@angular/localize": {
- "optional": true
- },
- "@angular/platform-server": {
- "optional": true
- },
- "@angular/service-worker": {
- "optional": true
- },
- "less": {
- "optional": true
- },
- "postcss": {
- "optional": true
- },
- "tailwindcss": {
- "optional": true
- }
- }
- },
- "node_modules/@angular-devkit/build-angular/node_modules/@ngtools/webpack": {
- "version": "18.0.7",
- "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-18.0.7.tgz",
- "integrity": "sha512-lXTy+SpLpoO5verX7TGTxV3sbD9MGWxMwJGdXA7DwZcVtDe5t38ZntzJUm7OpxWjRZ/OJn6JLmURNLcVNHzp9g==",
- "dev": true,
- "license": "MIT",
- "engines": {
- "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
- "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
- "yarn": ">= 1.13.0"
- },
- "peerDependencies": {
- "@angular/compiler-cli": "^18.0.0",
- "typescript": ">=5.4 <5.5",
- "webpack": "^5.54.0"
- }
- },
"node_modules/@angular-devkit/build-webpack": {
- "version": "0.1800.7",
- "resolved": "https://registry.npmjs.org/@angular-devkit/build-webpack/-/build-webpack-0.1800.7.tgz",
- "integrity": "sha512-UQN0VFincuhuIHch8y9rfaDbVJ8RMwIJ084geJnJNMLEbzpiRdo1t4rrcuXLN0+Fp5U0bHdHl/OGyLI9GTynWg==",
+ "version": "0.1801.0",
+ "resolved": "https://registry.npmjs.org/@angular-devkit/build-webpack/-/build-webpack-0.1801.0.tgz",
+ "integrity": "sha512-EnkkhE4tVOk3lU5/bt8hNCQCJMefcpU5E4jChRmFu+m0OtKK2kax3hjPTUVwcpbjwpG5rO7J/U5yIhCY9afXKw==",
"dev": true,
"license": "MIT",
"dependencies": {
- "@angular-devkit/architect": "0.1800.7",
+ "@angular-devkit/architect": "0.1801.0",
"rxjs": "7.8.1"
},
"engines": {
@@ -328,15 +397,15 @@
}
},
"node_modules/@angular-devkit/core": {
- "version": "18.0.7",
- "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-18.0.7.tgz",
- "integrity": "sha512-pVmuE37DNuTe3S4Lh1jg6U4dyHljiZiqI99u3gtS7PF765P4AeGlugHIYE7ztC74fYd9gy04sWnbeV+RQuBTVw==",
+ "version": "18.1.0",
+ "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-18.1.0.tgz",
+ "integrity": "sha512-6eXQDzHZCbpSMLv9Ohl+1QyLVDmGEXpuuHz3y64LfUTP0aEiBaxk96FjLXIxzJ4f2pbbW2XHzc+yuboGToRA0w==",
"dev": true,
"license": "MIT",
"dependencies": {
- "ajv": "8.13.0",
+ "ajv": "8.16.0",
"ajv-formats": "3.0.1",
- "jsonc-parser": "3.2.1",
+ "jsonc-parser": "3.3.1",
"picomatch": "4.0.2",
"rxjs": "7.8.1",
"source-map": "0.7.4"
@@ -356,14 +425,14 @@
}
},
"node_modules/@angular-devkit/schematics": {
- "version": "18.0.7",
- "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-18.0.7.tgz",
- "integrity": "sha512-U0lYPjhOaxdw+0UwVsv5y+wJdZ6DD+0ASiommB7j9kEmrPp53MhSvYNYWvwbIWwJceDa3eNq3fAmQOlVXvFCVg==",
+ "version": "18.1.0",
+ "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-18.1.0.tgz",
+ "integrity": "sha512-BjrYutLfYFiPOSEcLBWCj3ENkwDn8gMfBSJesaBz7OrZBZGK5j0dVgBLIsGTP96TKo4o4vszJQOvS4AtV6xMGg==",
"dev": true,
"license": "MIT",
"dependencies": {
- "@angular-devkit/core": "18.0.7",
- "jsonc-parser": "3.2.1",
+ "@angular-devkit/core": "18.1.0",
+ "jsonc-parser": "3.3.1",
"magic-string": "0.30.10",
"ora": "5.4.1",
"rxjs": "7.8.1"
@@ -375,9 +444,9 @@
}
},
"node_modules/@angular/animations": {
- "version": "18.0.6",
- "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-18.0.6.tgz",
- "integrity": "sha512-43FOKRB0+ElHWNt6AGFoBKtYf8YqIc5mUP8jS4R7ff+M5c9KrDbRp1M+lzL3uARcncwfQjttyedKTz4IHRzi0g==",
+ "version": "18.1.0",
+ "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-18.1.0.tgz",
+ "integrity": "sha512-K0BhvZ/SIVoGXZVuh1KOJDdgcGlHfFGMGrs58utndndAb+gYXReMfz4GR5cQs2OObH6TKmIOY2EH7Og1CY2tsw==",
"license": "MIT",
"dependencies": {
"tslib": "^2.3.0"
@@ -386,13 +455,84 @@
"node": "^18.19.1 || ^20.11.1 || >=22.0.0"
},
"peerDependencies": {
- "@angular/core": "18.0.6"
+ "@angular/core": "18.1.0"
+ }
+ },
+ "node_modules/@angular/build": {
+ "version": "18.1.0",
+ "resolved": "https://registry.npmjs.org/@angular/build/-/build-18.1.0.tgz",
+ "integrity": "sha512-4yLrGqMDoNBis2Z4s8F3wSqlB2XLtwy/10tREBk9xVaCojERiwDvtHqzbMeHqD6ZMGDFtdhI12q8FT5jZVUmAw==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@ampproject/remapping": "2.3.0",
+ "@angular-devkit/architect": "0.1801.0",
+ "@babel/core": "7.24.7",
+ "@babel/helper-annotate-as-pure": "7.24.7",
+ "@babel/helper-split-export-declaration": "7.24.7",
+ "@babel/plugin-syntax-import-attributes": "7.24.7",
+ "@inquirer/confirm": "3.1.11",
+ "@vitejs/plugin-basic-ssl": "1.1.0",
+ "ansi-colors": "4.1.3",
+ "browserslist": "^4.23.0",
+ "critters": "0.0.24",
+ "esbuild": "0.21.5",
+ "fast-glob": "3.3.2",
+ "https-proxy-agent": "7.0.5",
+ "lmdb": "3.0.12",
+ "magic-string": "0.30.10",
+ "mrmime": "2.0.0",
+ "ora": "5.4.1",
+ "parse5-html-rewriting-stream": "7.0.0",
+ "picomatch": "4.0.2",
+ "piscina": "4.6.1",
+ "rollup": "4.18.0",
+ "sass": "1.77.6",
+ "semver": "7.6.2",
+ "undici": "6.19.2",
+ "vite": "5.3.2",
+ "watchpack": "2.4.1"
+ },
+ "engines": {
+ "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
+ "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+ "yarn": ">= 1.13.0"
+ },
+ "peerDependencies": {
+ "@angular/compiler-cli": "^18.0.0",
+ "@angular/localize": "^18.0.0",
+ "@angular/platform-server": "^18.0.0",
+ "@angular/service-worker": "^18.0.0",
+ "less": "^4.2.0",
+ "postcss": "^8.4.0",
+ "tailwindcss": "^2.0.0 || ^3.0.0",
+ "typescript": ">=5.4 <5.6"
+ },
+ "peerDependenciesMeta": {
+ "@angular/localize": {
+ "optional": true
+ },
+ "@angular/platform-server": {
+ "optional": true
+ },
+ "@angular/service-worker": {
+ "optional": true
+ },
+ "less": {
+ "optional": true
+ },
+ "postcss": {
+ "optional": true
+ },
+ "tailwindcss": {
+ "optional": true
+ }
}
},
"node_modules/@angular/cdk": {
- "version": "18.0.6",
- "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-18.0.6.tgz",
- "integrity": "sha512-9CmlQ8uZ0cHuj+1jDdabbFw90QpjrJzh1/cgeHN/8vAGE4ranxX3l6cqpVxuoWRLkB2ykTHt2xeoTM8y0d9ERA==",
+ "version": "18.1.1",
+ "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-18.1.1.tgz",
+ "integrity": "sha512-IaDjvRUgAoKnEeafrnBX+hjTR+1M3O3fV3AybBCjN4NuiPtuyOJiTMg0cTv6RbluJ/SenbT4MQq3tMpOsa9i4w==",
"license": "MIT",
"dependencies": {
"tslib": "^2.3.0"
@@ -407,24 +547,24 @@
}
},
"node_modules/@angular/cli": {
- "version": "18.0.7",
- "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-18.0.7.tgz",
- "integrity": "sha512-CHnpI6d6MpXFsx3750jN4IX3oeieIMKzUPVZUMvPgDbhGFfChHKdxdJStDjYsH47pORb2pMHULw0RJCAPvtB9A==",
+ "version": "18.1.0",
+ "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-18.1.0.tgz",
+ "integrity": "sha512-2E+b7S/736AOmxf5je9OWoPpgPY240TfJfFXwQiVvq/4KyC+ZR9lBrqRx72Xghn8nu3z8Q2BPZIXVGZppl0USQ==",
"dev": true,
"license": "MIT",
"dependencies": {
- "@angular-devkit/architect": "0.1800.7",
- "@angular-devkit/core": "18.0.7",
- "@angular-devkit/schematics": "18.0.7",
- "@schematics/angular": "18.0.7",
+ "@angular-devkit/architect": "0.1801.0",
+ "@angular-devkit/core": "18.1.0",
+ "@angular-devkit/schematics": "18.1.0",
+ "@inquirer/prompts": "5.0.7",
+ "@listr2/prompt-adapter-inquirer": "2.0.13",
+ "@schematics/angular": "18.1.0",
"@yarnpkg/lockfile": "1.1.0",
- "ansi-colors": "4.1.3",
- "ini": "4.1.2",
- "inquirer": "9.2.22",
- "jsonc-parser": "3.2.1",
+ "ini": "4.1.3",
+ "jsonc-parser": "3.3.1",
+ "listr2": "8.2.3",
"npm-package-arg": "11.0.2",
"npm-pick-manifest": "9.0.1",
- "ora": "5.4.1",
"pacote": "18.0.6",
"resolve": "1.22.8",
"semver": "7.6.2",
@@ -441,9 +581,9 @@
}
},
"node_modules/@angular/common": {
- "version": "18.0.6",
- "resolved": "https://registry.npmjs.org/@angular/common/-/common-18.0.6.tgz",
- "integrity": "sha512-ARwNte/POelohW6DaNJQ56rZbEJMCvGSdhvaJNpJ0UlFxvKmK+6QmAcgLb5WwNoCqQcjtjUKavekhfNlpg5NBg==",
+ "version": "18.1.0",
+ "resolved": "https://registry.npmjs.org/@angular/common/-/common-18.1.0.tgz",
+ "integrity": "sha512-noHDLarQSCZZh7hyNd0HR61Fut+q4QCVq9qc/jKPglfbV/6nPujQSmSpT+rNJlNuBOrCLuvH/CNBNbiqii+x3g==",
"license": "MIT",
"dependencies": {
"tslib": "^2.3.0"
@@ -452,14 +592,14 @@
"node": "^18.19.1 || ^20.11.1 || >=22.0.0"
},
"peerDependencies": {
- "@angular/core": "18.0.6",
+ "@angular/core": "18.1.0",
"rxjs": "^6.5.3 || ^7.4.0"
}
},
"node_modules/@angular/compiler": {
- "version": "18.0.6",
- "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-18.0.6.tgz",
- "integrity": "sha512-n0MuxGdKrzFfO/UWDf8FzXiPoGIyMXJ7bT+KHuctg1tIQWzTe3zsB7/6De/MGUz1oLkU9TuigF4KWdkSKf5Amg==",
+ "version": "18.1.0",
+ "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-18.1.0.tgz",
+ "integrity": "sha512-JRQzVTeJGSfRLY+dx+gwu/hPQVB8K+5pW12Z42M9x/HBgGW4in0cO2zHkeQPvImqm0nak82Us1Hyf5C+qTlMMQ==",
"license": "MIT",
"dependencies": {
"tslib": "^2.3.0"
@@ -468,7 +608,7 @@
"node": "^18.19.1 || ^20.11.1 || >=22.0.0"
},
"peerDependencies": {
- "@angular/core": "18.0.6"
+ "@angular/core": "18.1.0"
},
"peerDependenciesMeta": {
"@angular/core": {
@@ -477,9 +617,9 @@
}
},
"node_modules/@angular/compiler-cli": {
- "version": "18.0.6",
- "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-18.0.6.tgz",
- "integrity": "sha512-D5UUcSB0JywnwsPg6svHjh+uZVhvJ9iHDFbj3sBGYSQ4NWu0P7tk9g43s8eOF53goYRkPeyCI1QkRGMLZLE8Vg==",
+ "version": "18.1.0",
+ "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-18.1.0.tgz",
+ "integrity": "sha512-BBsogLPJwxkPh7f8RVHsxyyqNE8XpHbAanjB5fAwnU4W6Sw1kR5rFzkeZM3xaRm2MDiC8DovIl6hlf+s/mKYOw==",
"license": "MIT",
"dependencies": {
"@babel/core": "7.24.7",
@@ -500,74 +640,14 @@
"node": "^18.19.1 || ^20.11.1 || >=22.0.0"
},
"peerDependencies": {
- "@angular/compiler": "18.0.6",
- "typescript": ">=5.4 <5.5"
- }
- },
- "node_modules/@angular/compiler-cli/node_modules/@babel/core": {
- "version": "7.24.7",
- "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.24.7.tgz",
- "integrity": "sha512-nykK+LEK86ahTkX/3TgauT0ikKoNCfKHEaZYTUVupJdTLzGNvrblu4u6fa7DhZONAltdf8e662t/abY8idrd/g==",
- "license": "MIT",
- "dependencies": {
- "@ampproject/remapping": "^2.2.0",
- "@babel/code-frame": "^7.24.7",
- "@babel/generator": "^7.24.7",
- "@babel/helper-compilation-targets": "^7.24.7",
- "@babel/helper-module-transforms": "^7.24.7",
- "@babel/helpers": "^7.24.7",
- "@babel/parser": "^7.24.7",
- "@babel/template": "^7.24.7",
- "@babel/traverse": "^7.24.7",
- "@babel/types": "^7.24.7",
- "convert-source-map": "^2.0.0",
- "debug": "^4.1.0",
- "gensync": "^1.0.0-beta.2",
- "json5": "^2.2.3",
- "semver": "^6.3.1"
- },
- "engines": {
- "node": ">=6.9.0"
- },
- "funding": {
- "type": "opencollective",
- "url": "https://opencollective.com/babel"
- }
- },
- "node_modules/@angular/compiler-cli/node_modules/@babel/core/node_modules/convert-source-map": {
- "version": "2.0.0",
- "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
- "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
- "license": "MIT"
- },
- "node_modules/@angular/compiler-cli/node_modules/@babel/core/node_modules/semver": {
- "version": "6.3.1",
- "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
- "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
- "license": "ISC",
- "bin": {
- "semver": "bin/semver.js"
- }
- },
- "node_modules/@angular/compiler-cli/node_modules/@babel/generator": {
- "version": "7.24.7",
- "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.24.7.tgz",
- "integrity": "sha512-oipXieGC3i45Y1A41t4tAqpnEZWgB/lC6Ehh6+rOviR5XWpTtMmLN+fGjz9vOiNRt0p6RtO6DtD0pdU3vpqdSA==",
- "license": "MIT",
- "dependencies": {
- "@babel/types": "^7.24.7",
- "@jridgewell/gen-mapping": "^0.3.5",
- "@jridgewell/trace-mapping": "^0.3.25",
- "jsesc": "^2.5.1"
- },
- "engines": {
- "node": ">=6.9.0"
+ "@angular/compiler": "18.1.0",
+ "typescript": ">=5.4 <5.6"
}
},
"node_modules/@angular/core": {
- "version": "18.0.6",
- "resolved": "https://registry.npmjs.org/@angular/core/-/core-18.0.6.tgz",
- "integrity": "sha512-a5ucQqCNI/6MzJl+r+NGvPqR/z44aVB1WttmZ/AbKIh2VIkEFp9VqOg+0HQnEItoMI8BnRbrsYHGp+D5Mtw8Jg==",
+ "version": "18.1.0",
+ "resolved": "https://registry.npmjs.org/@angular/core/-/core-18.1.0.tgz",
+ "integrity": "sha512-/57/s7CD/0CwlN+3FlhVmx7ypCWXjKi5UKtnlBAUg0D1denIf6ADxwTHFZABYZcYBqOTJgeQUtUw9u/A+0CIlg==",
"license": "MIT",
"dependencies": {
"tslib": "^2.3.0"
@@ -581,9 +661,9 @@
}
},
"node_modules/@angular/forms": {
- "version": "18.0.6",
- "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-18.0.6.tgz",
- "integrity": "sha512-hwF/H5tVhMLC5qmGEaCCJI2yQ58o5rBY6dGTQhfWQn3+bntISQfZ+4mk1kT2iQeuiQCkI78KNhBV2bbLA9kGUw==",
+ "version": "18.1.0",
+ "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-18.1.0.tgz",
+ "integrity": "sha512-m+7m9wa+n5dEacd458eSZsZTz0B+HbOtr7/uqM0YTMQaPrhwl1epG5Y103mB6yr00JiJcLNlPLjP888cHFjldQ==",
"license": "MIT",
"dependencies": {
"tslib": "^2.3.0"
@@ -592,16 +672,16 @@
"node": "^18.19.1 || ^20.11.1 || >=22.0.0"
},
"peerDependencies": {
- "@angular/common": "18.0.6",
- "@angular/core": "18.0.6",
- "@angular/platform-browser": "18.0.6",
+ "@angular/common": "18.1.0",
+ "@angular/core": "18.1.0",
+ "@angular/platform-browser": "18.1.0",
"rxjs": "^6.5.3 || ^7.4.0"
}
},
"node_modules/@angular/localize": {
- "version": "18.0.6",
- "resolved": "https://registry.npmjs.org/@angular/localize/-/localize-18.0.6.tgz",
- "integrity": "sha512-Ks6PXmrhV4J01Ib2pyfoMMYdnRhkfMROVObr47XEZIlvbUpeDQ0oBdiSqD91AaSpGCQddVWcJda1geLFaVGugA==",
+ "version": "18.1.0",
+ "resolved": "https://registry.npmjs.org/@angular/localize/-/localize-18.1.0.tgz",
+ "integrity": "sha512-84D06p2Th5NxoJZzsSIn4FkTJGImj7rtNnvyTrHvHdomzzUKwiBOXDB2FiCLDstND0DsCtgjD/uBJivg77z9tg==",
"license": "MIT",
"dependencies": {
"@babel/core": "7.24.7",
@@ -618,74 +698,14 @@
"node": "^18.19.1 || ^20.11.1 || >=22.0.0"
},
"peerDependencies": {
- "@angular/compiler": "18.0.6",
- "@angular/compiler-cli": "18.0.6"
+ "@angular/compiler": "18.1.0",
+ "@angular/compiler-cli": "18.1.0"
}
},
- "node_modules/@angular/localize/node_modules/@babel/core": {
- "version": "7.24.7",
- "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.24.7.tgz",
- "integrity": "sha512-nykK+LEK86ahTkX/3TgauT0ikKoNCfKHEaZYTUVupJdTLzGNvrblu4u6fa7DhZONAltdf8e662t/abY8idrd/g==",
- "license": "MIT",
- "dependencies": {
- "@ampproject/remapping": "^2.2.0",
- "@babel/code-frame": "^7.24.7",
- "@babel/generator": "^7.24.7",
- "@babel/helper-compilation-targets": "^7.24.7",
- "@babel/helper-module-transforms": "^7.24.7",
- "@babel/helpers": "^7.24.7",
- "@babel/parser": "^7.24.7",
- "@babel/template": "^7.24.7",
- "@babel/traverse": "^7.24.7",
- "@babel/types": "^7.24.7",
- "convert-source-map": "^2.0.0",
- "debug": "^4.1.0",
- "gensync": "^1.0.0-beta.2",
- "json5": "^2.2.3",
- "semver": "^6.3.1"
- },
- "engines": {
- "node": ">=6.9.0"
- },
- "funding": {
- "type": "opencollective",
- "url": "https://opencollective.com/babel"
- }
- },
- "node_modules/@angular/localize/node_modules/@babel/generator": {
- "version": "7.24.7",
- "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.24.7.tgz",
- "integrity": "sha512-oipXieGC3i45Y1A41t4tAqpnEZWgB/lC6Ehh6+rOviR5XWpTtMmLN+fGjz9vOiNRt0p6RtO6DtD0pdU3vpqdSA==",
- "license": "MIT",
- "dependencies": {
- "@babel/types": "^7.24.7",
- "@jridgewell/gen-mapping": "^0.3.5",
- "@jridgewell/trace-mapping": "^0.3.25",
- "jsesc": "^2.5.1"
- },
- "engines": {
- "node": ">=6.9.0"
- }
- },
- "node_modules/@angular/localize/node_modules/convert-source-map": {
- "version": "2.0.0",
- "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
- "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
- "license": "MIT"
- },
- "node_modules/@angular/localize/node_modules/semver": {
- "version": "6.3.1",
- "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
- "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
- "license": "ISC",
- "bin": {
- "semver": "bin/semver.js"
- }
- },
- "node_modules/@angular/material": {
- "version": "18.0.6",
- "resolved": "https://registry.npmjs.org/@angular/material/-/material-18.0.6.tgz",
- "integrity": "sha512-6Gp+oW7zjkb5A6HnHMYlxCt4wB8JqjIoAQu1MgQ6OKOOaDlvhMg2+a1ww5mov/OuoFE+FluLQkMCmVkjG1t/Aw==",
+ "node_modules/@angular/material": {
+ "version": "18.1.1",
+ "resolved": "https://registry.npmjs.org/@angular/material/-/material-18.1.1.tgz",
+ "integrity": "sha512-9JdUEUZheMMk+Tu8oDLRdI2eXOeI9d2BjEZYkoDif4iB7TCldmcKJyTYXs3kSZz6B53vup/vgKJUPBHLkIDD+A==",
"license": "MIT",
"dependencies": {
"@material/animation": "15.0.0-canary.7f224ddd4.0",
@@ -740,7 +760,7 @@
},
"peerDependencies": {
"@angular/animations": "^18.0.0 || ^19.0.0",
- "@angular/cdk": "18.0.6",
+ "@angular/cdk": "18.1.1",
"@angular/common": "^18.0.0 || ^19.0.0",
"@angular/core": "^18.0.0 || ^19.0.0",
"@angular/forms": "^18.0.0 || ^19.0.0",
@@ -749,9 +769,9 @@
}
},
"node_modules/@angular/platform-browser": {
- "version": "18.0.6",
- "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-18.0.6.tgz",
- "integrity": "sha512-ihEni4hIIwOPaWIY+elF7UjWLEpNwYPCql9xhcSA3/SpB8zdaqwV/JgEPnBd5+exwcGr07TGcZ3hLfM7xR6N/w==",
+ "version": "18.1.0",
+ "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-18.1.0.tgz",
+ "integrity": "sha512-jCmxthiI4Zef54crckNht60xwfIsuciGeyZvb7SsXna2maLW9fA4uz1VhZqIWTiBnHwNynVlyfBX3/jBD7S9+g==",
"license": "MIT",
"dependencies": {
"tslib": "^2.3.0"
@@ -760,9 +780,9 @@
"node": "^18.19.1 || ^20.11.1 || >=22.0.0"
},
"peerDependencies": {
- "@angular/animations": "18.0.6",
- "@angular/common": "18.0.6",
- "@angular/core": "18.0.6"
+ "@angular/animations": "18.1.0",
+ "@angular/common": "18.1.0",
+ "@angular/core": "18.1.0"
},
"peerDependenciesMeta": {
"@angular/animations": {
@@ -771,9 +791,9 @@
}
},
"node_modules/@angular/platform-browser-dynamic": {
- "version": "18.0.6",
- "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-18.0.6.tgz",
- "integrity": "sha512-GTf8ZpUxvNT42z5Ia7qkqNXkdO4y0OR31gfJ8ZDHYFJoMtbkFExX/8rQdGSvDckkfws/DGTk+XcYZg+Vveal6Q==",
+ "version": "18.1.0",
+ "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-18.1.0.tgz",
+ "integrity": "sha512-D/wuOQf+gULld9DVEzn2Lw3WbTyAYf/sp3DC5k83O+DQsG3eAIsVkt0zdE+U3DrDYsiWg8M3X+ioi3ouqK0mNg==",
"license": "MIT",
"dependencies": {
"tslib": "^2.3.0"
@@ -782,16 +802,16 @@
"node": "^18.19.1 || ^20.11.1 || >=22.0.0"
},
"peerDependencies": {
- "@angular/common": "18.0.6",
- "@angular/compiler": "18.0.6",
- "@angular/core": "18.0.6",
- "@angular/platform-browser": "18.0.6"
+ "@angular/common": "18.1.0",
+ "@angular/compiler": "18.1.0",
+ "@angular/core": "18.1.0",
+ "@angular/platform-browser": "18.1.0"
}
},
"node_modules/@angular/router": {
- "version": "18.0.6",
- "resolved": "https://registry.npmjs.org/@angular/router/-/router-18.0.6.tgz",
- "integrity": "sha512-0hPs0ZVIEuf7MZd6quRCBsXEBMQvh0QHCjlj/WrRB3LSHs616mi+olApQ1DvwNZBYXfI7/qW7TQyUyNbm+xkfg==",
+ "version": "18.1.0",
+ "resolved": "https://registry.npmjs.org/@angular/router/-/router-18.1.0.tgz",
+ "integrity": "sha512-dl2cSxZkl4we+rWMxdm123TZzlor6yxwNFI2yT7b6DP2i+rXaaHBSSPet0ASp+UX6djz+Osr56Bifs6wi4rhiQ==",
"license": "MIT",
"dependencies": {
"tslib": "^2.3.0"
@@ -800,9 +820,9 @@
"node": "^18.19.1 || ^20.11.1 || >=22.0.0"
},
"peerDependencies": {
- "@angular/common": "18.0.6",
- "@angular/core": "18.0.6",
- "@angular/platform-browser": "18.0.6",
+ "@angular/common": "18.1.0",
+ "@angular/core": "18.1.0",
+ "@angular/platform-browser": "18.1.0",
"rxjs": "^6.5.3 || ^7.4.0"
}
},
@@ -820,30 +840,30 @@
}
},
"node_modules/@babel/compat-data": {
- "version": "7.24.7",
- "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.24.7.tgz",
- "integrity": "sha512-qJzAIcv03PyaWqxRgO4mSU3lihncDT296vnyuE2O8uA4w3UHWI4S3hgeZd1L8W1Bft40w9JxJ2b412iDUFFRhw==",
+ "version": "7.24.8",
+ "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.24.8.tgz",
+ "integrity": "sha512-c4IM7OTg6k1Q+AJ153e2mc2QVTezTwnb4VzquwcyiEzGnW0Kedv4do/TrkU98qPeC5LNiMt/QXwIjzYXLBpyZg==",
"license": "MIT",
"engines": {
"node": ">=6.9.0"
}
},
"node_modules/@babel/core": {
- "version": "7.24.5",
- "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.24.5.tgz",
- "integrity": "sha512-tVQRucExLQ02Boi4vdPp49svNGcfL2GhdTCT9aldhXgCJVAI21EtRfBettiuLUwce/7r6bFdgs6JFkcdTiFttA==",
+ "version": "7.24.7",
+ "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.24.7.tgz",
+ "integrity": "sha512-nykK+LEK86ahTkX/3TgauT0ikKoNCfKHEaZYTUVupJdTLzGNvrblu4u6fa7DhZONAltdf8e662t/abY8idrd/g==",
"license": "MIT",
"dependencies": {
"@ampproject/remapping": "^2.2.0",
- "@babel/code-frame": "^7.24.2",
- "@babel/generator": "^7.24.5",
- "@babel/helper-compilation-targets": "^7.23.6",
- "@babel/helper-module-transforms": "^7.24.5",
- "@babel/helpers": "^7.24.5",
- "@babel/parser": "^7.24.5",
- "@babel/template": "^7.24.0",
- "@babel/traverse": "^7.24.5",
- "@babel/types": "^7.24.5",
+ "@babel/code-frame": "^7.24.7",
+ "@babel/generator": "^7.24.7",
+ "@babel/helper-compilation-targets": "^7.24.7",
+ "@babel/helper-module-transforms": "^7.24.7",
+ "@babel/helpers": "^7.24.7",
+ "@babel/parser": "^7.24.7",
+ "@babel/template": "^7.24.7",
+ "@babel/traverse": "^7.24.7",
+ "@babel/types": "^7.24.7",
"convert-source-map": "^2.0.0",
"debug": "^4.1.0",
"gensync": "^1.0.0-beta.2",
@@ -874,12 +894,12 @@
}
},
"node_modules/@babel/generator": {
- "version": "7.24.5",
- "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.24.5.tgz",
- "integrity": "sha512-x32i4hEXvr+iI0NEoEfDKzlemF8AmtOP8CcrRaEcpzysWuoEb1KknpcvMsHKPONoKZiDuItklgWhB18xEhr9PA==",
+ "version": "7.24.7",
+ "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.24.7.tgz",
+ "integrity": "sha512-oipXieGC3i45Y1A41t4tAqpnEZWgB/lC6Ehh6+rOviR5XWpTtMmLN+fGjz9vOiNRt0p6RtO6DtD0pdU3vpqdSA==",
"license": "MIT",
"dependencies": {
- "@babel/types": "^7.24.5",
+ "@babel/types": "^7.24.7",
"@jridgewell/gen-mapping": "^0.3.5",
"@jridgewell/trace-mapping": "^0.3.25",
"jsesc": "^2.5.1"
@@ -889,13 +909,13 @@
}
},
"node_modules/@babel/helper-annotate-as-pure": {
- "version": "7.22.5",
- "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.22.5.tgz",
- "integrity": "sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==",
+ "version": "7.24.7",
+ "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.24.7.tgz",
+ "integrity": "sha512-BaDeOonYvhdKw+JoMVkAixAAJzG2jVPIwWoKBPdYuY9b452e2rPuI9QPYh3KpofZ3pW2akOmwZLOiOsHMiqRAg==",
"dev": true,
"license": "MIT",
"dependencies": {
- "@babel/types": "^7.22.5"
+ "@babel/types": "^7.24.7"
},
"engines": {
"node": ">=6.9.0"
@@ -916,14 +936,14 @@
}
},
"node_modules/@babel/helper-compilation-targets": {
- "version": "7.24.7",
- "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.24.7.tgz",
- "integrity": "sha512-ctSdRHBi20qWOfy27RUb4Fhp07KSJ3sXcuSvTrXrc4aG8NSYDo1ici3Vhg9bg69y5bj0Mr1lh0aeEgTvc12rMg==",
+ "version": "7.24.8",
+ "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.24.8.tgz",
+ "integrity": "sha512-oU+UoqCHdp+nWVDkpldqIQL/i/bvAv53tRqLG/s+cOXxe66zOYLU7ar/Xs3LdmBihrUMEUhwu6dMZwbNOYDwvw==",
"license": "MIT",
"dependencies": {
- "@babel/compat-data": "^7.24.7",
- "@babel/helper-validator-option": "^7.24.7",
- "browserslist": "^4.22.2",
+ "@babel/compat-data": "^7.24.8",
+ "@babel/helper-validator-option": "^7.24.8",
+ "browserslist": "^4.23.1",
"lru-cache": "^5.1.1",
"semver": "^6.3.1"
},
@@ -941,16 +961,16 @@
}
},
"node_modules/@babel/helper-create-class-features-plugin": {
- "version": "7.24.7",
- "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.24.7.tgz",
- "integrity": "sha512-kTkaDl7c9vO80zeX1rJxnuRpEsD5tA81yh11X1gQo+PhSti3JS+7qeZo9U4RHobKRiFPKaGK3svUAeb8D0Q7eg==",
+ "version": "7.24.8",
+ "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.24.8.tgz",
+ "integrity": "sha512-4f6Oqnmyp2PP3olgUMmOwC3akxSm5aBYraQ6YDdKy7NcAMkDECHWG0DEnV6M2UAkERgIBhYt8S27rURPg7SxWA==",
"dev": true,
"license": "MIT",
"dependencies": {
"@babel/helper-annotate-as-pure": "^7.24.7",
"@babel/helper-environment-visitor": "^7.24.7",
"@babel/helper-function-name": "^7.24.7",
- "@babel/helper-member-expression-to-functions": "^7.24.7",
+ "@babel/helper-member-expression-to-functions": "^7.24.8",
"@babel/helper-optimise-call-expression": "^7.24.7",
"@babel/helper-replace-supers": "^7.24.7",
"@babel/helper-skip-transparent-expression-wrappers": "^7.24.7",
@@ -964,32 +984,6 @@
"@babel/core": "^7.0.0"
}
},
- "node_modules/@babel/helper-create-class-features-plugin/node_modules/@babel/helper-annotate-as-pure": {
- "version": "7.24.7",
- "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.24.7.tgz",
- "integrity": "sha512-BaDeOonYvhdKw+JoMVkAixAAJzG2jVPIwWoKBPdYuY9b452e2rPuI9QPYh3KpofZ3pW2akOmwZLOiOsHMiqRAg==",
- "dev": true,
- "license": "MIT",
- "dependencies": {
- "@babel/types": "^7.24.7"
- },
- "engines": {
- "node": ">=6.9.0"
- }
- },
- "node_modules/@babel/helper-create-class-features-plugin/node_modules/@babel/helper-split-export-declaration": {
- "version": "7.24.7",
- "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.24.7.tgz",
- "integrity": "sha512-oy5V7pD+UvfkEATUKvIjvIAH/xCzfsFVw7ygW2SI6NClZzquT+mwdTfgfdbUiceh6iQO0CHtCPsyze/MZ2YbAA==",
- "dev": true,
- "license": "MIT",
- "dependencies": {
- "@babel/types": "^7.24.7"
- },
- "engines": {
- "node": ">=6.9.0"
- }
- },
"node_modules/@babel/helper-create-class-features-plugin/node_modules/semver": {
"version": "6.3.1",
"resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
@@ -1018,19 +1012,6 @@
"@babel/core": "^7.0.0"
}
},
- "node_modules/@babel/helper-create-regexp-features-plugin/node_modules/@babel/helper-annotate-as-pure": {
- "version": "7.24.7",
- "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.24.7.tgz",
- "integrity": "sha512-BaDeOonYvhdKw+JoMVkAixAAJzG2jVPIwWoKBPdYuY9b452e2rPuI9QPYh3KpofZ3pW2akOmwZLOiOsHMiqRAg==",
- "dev": true,
- "license": "MIT",
- "dependencies": {
- "@babel/types": "^7.24.7"
- },
- "engines": {
- "node": ">=6.9.0"
- }
- },
"node_modules/@babel/helper-create-regexp-features-plugin/node_modules/semver": {
"version": "6.3.1",
"resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
@@ -1096,14 +1077,14 @@
}
},
"node_modules/@babel/helper-member-expression-to-functions": {
- "version": "7.24.7",
- "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.24.7.tgz",
- "integrity": "sha512-LGeMaf5JN4hAT471eJdBs/GK1DoYIJ5GCtZN/EsL6KUiiDZOvO/eKE11AMZJa2zP4zk4qe9V2O/hxAmkRc8p6w==",
+ "version": "7.24.8",
+ "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.24.8.tgz",
+ "integrity": "sha512-LABppdt+Lp/RlBxqrh4qgf1oEH/WxdzQNDJIu5gC/W1GyvPVrOBiItmmM8wan2fm4oYqFuFfkXmlGpLQhPY8CA==",
"dev": true,
"license": "MIT",
"dependencies": {
- "@babel/traverse": "^7.24.7",
- "@babel/types": "^7.24.7"
+ "@babel/traverse": "^7.24.8",
+ "@babel/types": "^7.24.8"
},
"engines": {
"node": ">=6.9.0"
@@ -1123,9 +1104,9 @@
}
},
"node_modules/@babel/helper-module-transforms": {
- "version": "7.24.7",
- "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.24.7.tgz",
- "integrity": "sha512-1fuJEwIrp+97rM4RWdO+qrRsZlAeL1lQJoPqtCYWv0NL115XM93hIH4CSRln2w52SqvmY5hqdtauB6QFCDiZNQ==",
+ "version": "7.24.8",
+ "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.24.8.tgz",
+ "integrity": "sha512-m4vWKVqvkVAWLXfHCCfff2luJj86U+J0/x+0N3ArG/tP0Fq7zky2dYwMbtPmkc/oulkkbjdL3uWzuoBwQ8R00Q==",
"license": "MIT",
"dependencies": {
"@babel/helper-environment-visitor": "^7.24.7",
@@ -1141,18 +1122,6 @@
"@babel/core": "^7.0.0"
}
},
- "node_modules/@babel/helper-module-transforms/node_modules/@babel/helper-split-export-declaration": {
- "version": "7.24.7",
- "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.24.7.tgz",
- "integrity": "sha512-oy5V7pD+UvfkEATUKvIjvIAH/xCzfsFVw7ygW2SI6NClZzquT+mwdTfgfdbUiceh6iQO0CHtCPsyze/MZ2YbAA==",
- "license": "MIT",
- "dependencies": {
- "@babel/types": "^7.24.7"
- },
- "engines": {
- "node": ">=6.9.0"
- }
- },
"node_modules/@babel/helper-optimise-call-expression": {
"version": "7.24.7",
"resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.24.7.tgz",
@@ -1167,9 +1136,9 @@
}
},
"node_modules/@babel/helper-plugin-utils": {
- "version": "7.24.7",
- "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.24.7.tgz",
- "integrity": "sha512-Rq76wjt7yz9AAc1KnlRKNAi/dMSVWgDRx43FHoJEbcYU6xOWaE2dVPwcdTukJrjxS65GITyfbvEYHvkirZ6uEg==",
+ "version": "7.24.8",
+ "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.24.8.tgz",
+ "integrity": "sha512-FFWx5142D8h2Mgr/iPVGH5G7w6jDn4jUSpZTyDnQO0Yn7Ks2Kuz6Pci8H6MPCoUJegd/UZQ3tAvfLCxQSnWWwg==",
"dev": true,
"license": "MIT",
"engines": {
@@ -1194,19 +1163,6 @@
"@babel/core": "^7.0.0"
}
},
- "node_modules/@babel/helper-remap-async-to-generator/node_modules/@babel/helper-annotate-as-pure": {
- "version": "7.24.7",
- "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.24.7.tgz",
- "integrity": "sha512-BaDeOonYvhdKw+JoMVkAixAAJzG2jVPIwWoKBPdYuY9b452e2rPuI9QPYh3KpofZ3pW2akOmwZLOiOsHMiqRAg==",
- "dev": true,
- "license": "MIT",
- "dependencies": {
- "@babel/types": "^7.24.7"
- },
- "engines": {
- "node": ">=6.9.0"
- }
- },
"node_modules/@babel/helper-replace-supers": {
"version": "7.24.7",
"resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.24.7.tgz",
@@ -1253,22 +1209,21 @@
}
},
"node_modules/@babel/helper-split-export-declaration": {
- "version": "7.24.5",
- "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.24.5.tgz",
- "integrity": "sha512-5CHncttXohrHk8GWOFCcCl4oRD9fKosWlIRgWm4ql9VYioKm52Mk2xsmoohvm7f3JoiLSM5ZgJuRaf5QZZYd3Q==",
- "dev": true,
+ "version": "7.24.7",
+ "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.24.7.tgz",
+ "integrity": "sha512-oy5V7pD+UvfkEATUKvIjvIAH/xCzfsFVw7ygW2SI6NClZzquT+mwdTfgfdbUiceh6iQO0CHtCPsyze/MZ2YbAA==",
"license": "MIT",
"dependencies": {
- "@babel/types": "^7.24.5"
+ "@babel/types": "^7.24.7"
},
"engines": {
"node": ">=6.9.0"
}
},
"node_modules/@babel/helper-string-parser": {
- "version": "7.24.7",
- "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.24.7.tgz",
- "integrity": "sha512-7MbVt6xrwFQbunH2DNQsAP5sTGxfqQtErvBIvIMi6EQnbgUOuVYanvREcmFrOPhoXBrTtjhhP+lW+o5UfK+tDg==",
+ "version": "7.24.8",
+ "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.24.8.tgz",
+ "integrity": "sha512-pO9KhhRcuUyGnJWwyEgnRJTSIZHiT+vMD0kPeD+so0l7mxkMT19g3pjY9GTnHySck/hDzq+dtW/4VgnMkippsQ==",
"license": "MIT",
"engines": {
"node": ">=6.9.0"
@@ -1284,9 +1239,9 @@
}
},
"node_modules/@babel/helper-validator-option": {
- "version": "7.24.7",
- "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.24.7.tgz",
- "integrity": "sha512-yy1/KvjhV/ZCL+SM7hBrvnZJ3ZuT9OuZgIJAGpPEToANvc3iM6iDvBnRjtElWibHU6n8/LPR/EjX9EtIEYO3pw==",
+ "version": "7.24.8",
+ "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.24.8.tgz",
+ "integrity": "sha512-xb8t9tD1MHLungh/AIoWYN+gVHaB9kwlu8gffXGSt3FFEIT7RjS+xWbc2vUD1UTZdIpKj/ab3rdqJ7ufngyi2Q==",
"license": "MIT",
"engines": {
"node": ">=6.9.0"
@@ -1337,9 +1292,9 @@
}
},
"node_modules/@babel/parser": {
- "version": "7.24.7",
- "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.24.7.tgz",
- "integrity": "sha512-9uUYRm6OqQrCqQdG1iCBwBPZgN8ciDBro2nIOFaiRz1/BCxaI7CNvQbDHvsArAC7Tw9Hda/B3U+6ui9u4HWXPw==",
+ "version": "7.24.8",
+ "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.24.8.tgz",
+ "integrity": "sha512-WzfbgXOkGzZiXXCqk43kKwZjzwx4oulxZi3nq2TYL9mOjQv6kYwul9mz6ID36njuL7Xkp6nJEfok848Zj10j/w==",
"license": "MIT",
"bin": {
"parser": "bin/babel-parser.js"
@@ -1744,15 +1699,15 @@
}
},
"node_modules/@babel/plugin-transform-async-generator-functions": {
- "version": "7.24.3",
- "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.24.3.tgz",
- "integrity": "sha512-Qe26CMYVjpQxJ8zxM1340JFNjZaF+ISWpr1Kt/jGo+ZTUzKkfw/pphEWbRCb+lmSM6k/TOgfYLvmbHkUQ0asIg==",
+ "version": "7.24.7",
+ "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.24.7.tgz",
+ "integrity": "sha512-o+iF77e3u7ZS4AoAuJvapz9Fm001PuD2V3Lp6OSE4FYQke+cSewYtnek+THqGRWyQloRCyvWL1OkyfNEl9vr/g==",
"dev": true,
"license": "MIT",
"dependencies": {
- "@babel/helper-environment-visitor": "^7.22.20",
- "@babel/helper-plugin-utils": "^7.24.0",
- "@babel/helper-remap-async-to-generator": "^7.22.20",
+ "@babel/helper-environment-visitor": "^7.24.7",
+ "@babel/helper-plugin-utils": "^7.24.7",
+ "@babel/helper-remap-async-to-generator": "^7.24.7",
"@babel/plugin-syntax-async-generators": "^7.8.4"
},
"engines": {
@@ -1763,15 +1718,15 @@
}
},
"node_modules/@babel/plugin-transform-async-to-generator": {
- "version": "7.24.1",
- "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.24.1.tgz",
- "integrity": "sha512-AawPptitRXp1y0n4ilKcGbRYWfbbzFWz2NqNu7dacYDtFtz0CMjG64b3LQsb3KIgnf4/obcUL78hfaOS7iCUfw==",
+ "version": "7.24.7",
+ "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.24.7.tgz",
+ "integrity": "sha512-SQY01PcJfmQ+4Ash7NE+rpbLFbmqA2GPIgqzxfFTL4t1FKRq4zTms/7htKpoCUI9OcFYgzqfmCdH53s6/jn5fA==",
"dev": true,
"license": "MIT",
"dependencies": {
- "@babel/helper-module-imports": "^7.24.1",
- "@babel/helper-plugin-utils": "^7.24.0",
- "@babel/helper-remap-async-to-generator": "^7.22.20"
+ "@babel/helper-module-imports": "^7.24.7",
+ "@babel/helper-plugin-utils": "^7.24.7",
+ "@babel/helper-remap-async-to-generator": "^7.24.7"
},
"engines": {
"node": ">=6.9.0"
@@ -1848,17 +1803,17 @@
}
},
"node_modules/@babel/plugin-transform-classes": {
- "version": "7.24.7",
- "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.24.7.tgz",
- "integrity": "sha512-CFbbBigp8ln4FU6Bpy6g7sE8B/WmCmzvivzUC6xDAdWVsjYTXijpuuGJmYkAaoWAzcItGKT3IOAbxRItZ5HTjw==",
+ "version": "7.24.8",
+ "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.24.8.tgz",
+ "integrity": "sha512-VXy91c47uujj758ud9wx+OMgheXm4qJfyhj1P18YvlrQkNOSrwsteHk+EFS3OMGfhMhpZa0A+81eE7G4QC+3CA==",
"dev": true,
"license": "MIT",
"dependencies": {
"@babel/helper-annotate-as-pure": "^7.24.7",
- "@babel/helper-compilation-targets": "^7.24.7",
+ "@babel/helper-compilation-targets": "^7.24.8",
"@babel/helper-environment-visitor": "^7.24.7",
"@babel/helper-function-name": "^7.24.7",
- "@babel/helper-plugin-utils": "^7.24.7",
+ "@babel/helper-plugin-utils": "^7.24.8",
"@babel/helper-replace-supers": "^7.24.7",
"@babel/helper-split-export-declaration": "^7.24.7",
"globals": "^11.1.0"
@@ -1870,32 +1825,6 @@
"@babel/core": "^7.0.0-0"
}
},
- "node_modules/@babel/plugin-transform-classes/node_modules/@babel/helper-annotate-as-pure": {
- "version": "7.24.7",
- "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.24.7.tgz",
- "integrity": "sha512-BaDeOonYvhdKw+JoMVkAixAAJzG2jVPIwWoKBPdYuY9b452e2rPuI9QPYh3KpofZ3pW2akOmwZLOiOsHMiqRAg==",
- "dev": true,
- "license": "MIT",
- "dependencies": {
- "@babel/types": "^7.24.7"
- },
- "engines": {
- "node": ">=6.9.0"
- }
- },
- "node_modules/@babel/plugin-transform-classes/node_modules/@babel/helper-split-export-declaration": {
- "version": "7.24.7",
- "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.24.7.tgz",
- "integrity": "sha512-oy5V7pD+UvfkEATUKvIjvIAH/xCzfsFVw7ygW2SI6NClZzquT+mwdTfgfdbUiceh6iQO0CHtCPsyze/MZ2YbAA==",
- "dev": true,
- "license": "MIT",
- "dependencies": {
- "@babel/types": "^7.24.7"
- },
- "engines": {
- "node": ">=6.9.0"
- }
- },
"node_modules/@babel/plugin-transform-computed-properties": {
"version": "7.24.7",
"resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.24.7.tgz",
@@ -1914,13 +1843,13 @@
}
},
"node_modules/@babel/plugin-transform-destructuring": {
- "version": "7.24.7",
- "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.24.7.tgz",
- "integrity": "sha512-19eJO/8kdCQ9zISOf+SEUJM/bAUIsvY3YDnXZTupUCQ8LgrWnsG/gFB9dvXqdXnRXMAM8fvt7b0CBKQHNGy1mw==",
+ "version": "7.24.8",
+ "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.24.8.tgz",
+ "integrity": "sha512-36e87mfY8TnRxc7yc6M9g9gOB7rKgSahqkIKwLpz4Ppk2+zC2Cy1is0uwtuSG6AE4zlTOUa+7JGz9jCJGLqQFQ==",
"dev": true,
"license": "MIT",
"dependencies": {
- "@babel/helper-plugin-utils": "^7.24.7"
+ "@babel/helper-plugin-utils": "^7.24.8"
},
"engines": {
"node": ">=6.9.0"
@@ -2132,14 +2061,14 @@
}
},
"node_modules/@babel/plugin-transform-modules-commonjs": {
- "version": "7.24.7",
- "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.24.7.tgz",
- "integrity": "sha512-iFI8GDxtevHJ/Z22J5xQpVqFLlMNstcLXh994xifFwxxGslr2ZXXLWgtBeLctOD63UFDArdvN6Tg8RFw+aEmjQ==",
+ "version": "7.24.8",
+ "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.24.8.tgz",
+ "integrity": "sha512-WHsk9H8XxRs3JXKWFiqtQebdh9b/pTk4EgueygFzYlTKAg0Ud985mSevdNjdXdFBATSKVJGQXP1tv6aGbssLKA==",
"dev": true,
"license": "MIT",
"dependencies": {
- "@babel/helper-module-transforms": "^7.24.7",
- "@babel/helper-plugin-utils": "^7.24.7",
+ "@babel/helper-module-transforms": "^7.24.8",
+ "@babel/helper-plugin-utils": "^7.24.8",
"@babel/helper-simple-access": "^7.24.7"
},
"engines": {
@@ -2306,13 +2235,13 @@
}
},
"node_modules/@babel/plugin-transform-optional-chaining": {
- "version": "7.24.7",
- "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.24.7.tgz",
- "integrity": "sha512-tK+0N9yd4j+x/4hxF3F0e0fu/VdcxU18y5SevtyM/PCFlQvXbR0Zmlo2eBrKtVipGNFzpq56o8WsIIKcJFUCRQ==",
+ "version": "7.24.8",
+ "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.24.8.tgz",
+ "integrity": "sha512-5cTOLSMs9eypEy8JUVvIKOu6NgvbJMnpG62VpIHrTmROdQ+L5mDAaI40g25k5vXti55JWNX5jCkq3HZxXBQANw==",
"dev": true,
"license": "MIT",
"dependencies": {
- "@babel/helper-plugin-utils": "^7.24.7",
+ "@babel/helper-plugin-utils": "^7.24.8",
"@babel/helper-skip-transparent-expression-wrappers": "^7.24.7",
"@babel/plugin-syntax-optional-chaining": "^7.8.3"
},
@@ -2375,19 +2304,6 @@
"@babel/core": "^7.0.0-0"
}
},
- "node_modules/@babel/plugin-transform-private-property-in-object/node_modules/@babel/helper-annotate-as-pure": {
- "version": "7.24.7",
- "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.24.7.tgz",
- "integrity": "sha512-BaDeOonYvhdKw+JoMVkAixAAJzG2jVPIwWoKBPdYuY9b452e2rPuI9QPYh3KpofZ3pW2akOmwZLOiOsHMiqRAg==",
- "dev": true,
- "license": "MIT",
- "dependencies": {
- "@babel/types": "^7.24.7"
- },
- "engines": {
- "node": ">=6.9.0"
- }
- },
"node_modules/@babel/plugin-transform-property-literals": {
"version": "7.24.7",
"resolved": "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.24.7.tgz",
@@ -2438,14 +2354,14 @@
}
},
"node_modules/@babel/plugin-transform-runtime": {
- "version": "7.24.3",
- "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.24.3.tgz",
- "integrity": "sha512-J0BuRPNlNqlMTRJ72eVptpt9VcInbxO6iP3jaxr+1NPhC0UkKL+6oeX6VXMEYdADnuqmMmsBspt4d5w8Y/TCbQ==",
+ "version": "7.24.7",
+ "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.24.7.tgz",
+ "integrity": "sha512-YqXjrk4C+a1kZjewqt+Mmu2UuV1s07y8kqcUf4qYLnoqemhR4gRQikhdAhSVJioMjVTu6Mo6pAbaypEA3jY6fw==",
"dev": true,
"license": "MIT",
"dependencies": {
- "@babel/helper-module-imports": "^7.24.3",
- "@babel/helper-plugin-utils": "^7.24.0",
+ "@babel/helper-module-imports": "^7.24.7",
+ "@babel/helper-plugin-utils": "^7.24.7",
"babel-plugin-polyfill-corejs2": "^0.4.10",
"babel-plugin-polyfill-corejs3": "^0.10.1",
"babel-plugin-polyfill-regenerator": "^0.6.1",
@@ -2534,13 +2450,13 @@
}
},
"node_modules/@babel/plugin-transform-typeof-symbol": {
- "version": "7.24.7",
- "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.24.7.tgz",
- "integrity": "sha512-VtR8hDy7YLB7+Pet9IarXjg/zgCMSF+1mNS/EQEiEaUPoFXCVsHG64SIxcaaI2zJgRiv+YmgaQESUfWAdbjzgg==",
+ "version": "7.24.8",
+ "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.24.8.tgz",
+ "integrity": "sha512-adNTUpDCVnmAE58VEqKlAA6ZBlNkMnWD0ZcW76lyNFN3MJniyGFZfNwERVk8Ap56MCnXztmDr19T4mPTztcuaw==",
"dev": true,
"license": "MIT",
"dependencies": {
- "@babel/helper-plugin-utils": "^7.24.7"
+ "@babel/helper-plugin-utils": "^7.24.8"
},
"engines": {
"node": ">=6.9.0"
@@ -2617,28 +2533,28 @@
}
},
"node_modules/@babel/preset-env": {
- "version": "7.24.5",
- "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.24.5.tgz",
- "integrity": "sha512-UGK2ifKtcC8i5AI4cH+sbLLuLc2ktYSFJgBAXorKAsHUZmrQ1q6aQ6i3BvU24wWs2AAKqQB6kq3N9V9Gw1HiMQ==",
+ "version": "7.24.7",
+ "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.24.7.tgz",
+ "integrity": "sha512-1YZNsc+y6cTvWlDHidMBsQZrZfEFjRIo/BZCT906PMdzOyXtSLTgqGdrpcuTDCXyd11Am5uQULtDIcCfnTc8fQ==",
"dev": true,
"license": "MIT",
"dependencies": {
- "@babel/compat-data": "^7.24.4",
- "@babel/helper-compilation-targets": "^7.23.6",
- "@babel/helper-plugin-utils": "^7.24.5",
- "@babel/helper-validator-option": "^7.23.5",
- "@babel/plugin-bugfix-firefox-class-in-computed-class-key": "^7.24.5",
- "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.24.1",
- "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.24.1",
- "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "^7.24.1",
+ "@babel/compat-data": "^7.24.7",
+ "@babel/helper-compilation-targets": "^7.24.7",
+ "@babel/helper-plugin-utils": "^7.24.7",
+ "@babel/helper-validator-option": "^7.24.7",
+ "@babel/plugin-bugfix-firefox-class-in-computed-class-key": "^7.24.7",
+ "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.24.7",
+ "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.24.7",
+ "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "^7.24.7",
"@babel/plugin-proposal-private-property-in-object": "7.21.0-placeholder-for-preset-env.2",
"@babel/plugin-syntax-async-generators": "^7.8.4",
"@babel/plugin-syntax-class-properties": "^7.12.13",
"@babel/plugin-syntax-class-static-block": "^7.14.5",
"@babel/plugin-syntax-dynamic-import": "^7.8.3",
"@babel/plugin-syntax-export-namespace-from": "^7.8.3",
- "@babel/plugin-syntax-import-assertions": "^7.24.1",
- "@babel/plugin-syntax-import-attributes": "^7.24.1",
+ "@babel/plugin-syntax-import-assertions": "^7.24.7",
+ "@babel/plugin-syntax-import-attributes": "^7.24.7",
"@babel/plugin-syntax-import-meta": "^7.10.4",
"@babel/plugin-syntax-json-strings": "^7.8.3",
"@babel/plugin-syntax-logical-assignment-operators": "^7.10.4",
@@ -2650,54 +2566,54 @@
"@babel/plugin-syntax-private-property-in-object": "^7.14.5",
"@babel/plugin-syntax-top-level-await": "^7.14.5",
"@babel/plugin-syntax-unicode-sets-regex": "^7.18.6",
- "@babel/plugin-transform-arrow-functions": "^7.24.1",
- "@babel/plugin-transform-async-generator-functions": "^7.24.3",
- "@babel/plugin-transform-async-to-generator": "^7.24.1",
- "@babel/plugin-transform-block-scoped-functions": "^7.24.1",
- "@babel/plugin-transform-block-scoping": "^7.24.5",
- "@babel/plugin-transform-class-properties": "^7.24.1",
- "@babel/plugin-transform-class-static-block": "^7.24.4",
- "@babel/plugin-transform-classes": "^7.24.5",
- "@babel/plugin-transform-computed-properties": "^7.24.1",
- "@babel/plugin-transform-destructuring": "^7.24.5",
- "@babel/plugin-transform-dotall-regex": "^7.24.1",
- "@babel/plugin-transform-duplicate-keys": "^7.24.1",
- "@babel/plugin-transform-dynamic-import": "^7.24.1",
- "@babel/plugin-transform-exponentiation-operator": "^7.24.1",
- "@babel/plugin-transform-export-namespace-from": "^7.24.1",
- "@babel/plugin-transform-for-of": "^7.24.1",
- "@babel/plugin-transform-function-name": "^7.24.1",
- "@babel/plugin-transform-json-strings": "^7.24.1",
- "@babel/plugin-transform-literals": "^7.24.1",
- "@babel/plugin-transform-logical-assignment-operators": "^7.24.1",
- "@babel/plugin-transform-member-expression-literals": "^7.24.1",
- "@babel/plugin-transform-modules-amd": "^7.24.1",
- "@babel/plugin-transform-modules-commonjs": "^7.24.1",
- "@babel/plugin-transform-modules-systemjs": "^7.24.1",
- "@babel/plugin-transform-modules-umd": "^7.24.1",
- "@babel/plugin-transform-named-capturing-groups-regex": "^7.22.5",
- "@babel/plugin-transform-new-target": "^7.24.1",
- "@babel/plugin-transform-nullish-coalescing-operator": "^7.24.1",
- "@babel/plugin-transform-numeric-separator": "^7.24.1",
- "@babel/plugin-transform-object-rest-spread": "^7.24.5",
- "@babel/plugin-transform-object-super": "^7.24.1",
- "@babel/plugin-transform-optional-catch-binding": "^7.24.1",
- "@babel/plugin-transform-optional-chaining": "^7.24.5",
- "@babel/plugin-transform-parameters": "^7.24.5",
- "@babel/plugin-transform-private-methods": "^7.24.1",
- "@babel/plugin-transform-private-property-in-object": "^7.24.5",
- "@babel/plugin-transform-property-literals": "^7.24.1",
- "@babel/plugin-transform-regenerator": "^7.24.1",
- "@babel/plugin-transform-reserved-words": "^7.24.1",
- "@babel/plugin-transform-shorthand-properties": "^7.24.1",
- "@babel/plugin-transform-spread": "^7.24.1",
- "@babel/plugin-transform-sticky-regex": "^7.24.1",
- "@babel/plugin-transform-template-literals": "^7.24.1",
- "@babel/plugin-transform-typeof-symbol": "^7.24.5",
- "@babel/plugin-transform-unicode-escapes": "^7.24.1",
- "@babel/plugin-transform-unicode-property-regex": "^7.24.1",
- "@babel/plugin-transform-unicode-regex": "^7.24.1",
- "@babel/plugin-transform-unicode-sets-regex": "^7.24.1",
+ "@babel/plugin-transform-arrow-functions": "^7.24.7",
+ "@babel/plugin-transform-async-generator-functions": "^7.24.7",
+ "@babel/plugin-transform-async-to-generator": "^7.24.7",
+ "@babel/plugin-transform-block-scoped-functions": "^7.24.7",
+ "@babel/plugin-transform-block-scoping": "^7.24.7",
+ "@babel/plugin-transform-class-properties": "^7.24.7",
+ "@babel/plugin-transform-class-static-block": "^7.24.7",
+ "@babel/plugin-transform-classes": "^7.24.7",
+ "@babel/plugin-transform-computed-properties": "^7.24.7",
+ "@babel/plugin-transform-destructuring": "^7.24.7",
+ "@babel/plugin-transform-dotall-regex": "^7.24.7",
+ "@babel/plugin-transform-duplicate-keys": "^7.24.7",
+ "@babel/plugin-transform-dynamic-import": "^7.24.7",
+ "@babel/plugin-transform-exponentiation-operator": "^7.24.7",
+ "@babel/plugin-transform-export-namespace-from": "^7.24.7",
+ "@babel/plugin-transform-for-of": "^7.24.7",
+ "@babel/plugin-transform-function-name": "^7.24.7",
+ "@babel/plugin-transform-json-strings": "^7.24.7",
+ "@babel/plugin-transform-literals": "^7.24.7",
+ "@babel/plugin-transform-logical-assignment-operators": "^7.24.7",
+ "@babel/plugin-transform-member-expression-literals": "^7.24.7",
+ "@babel/plugin-transform-modules-amd": "^7.24.7",
+ "@babel/plugin-transform-modules-commonjs": "^7.24.7",
+ "@babel/plugin-transform-modules-systemjs": "^7.24.7",
+ "@babel/plugin-transform-modules-umd": "^7.24.7",
+ "@babel/plugin-transform-named-capturing-groups-regex": "^7.24.7",
+ "@babel/plugin-transform-new-target": "^7.24.7",
+ "@babel/plugin-transform-nullish-coalescing-operator": "^7.24.7",
+ "@babel/plugin-transform-numeric-separator": "^7.24.7",
+ "@babel/plugin-transform-object-rest-spread": "^7.24.7",
+ "@babel/plugin-transform-object-super": "^7.24.7",
+ "@babel/plugin-transform-optional-catch-binding": "^7.24.7",
+ "@babel/plugin-transform-optional-chaining": "^7.24.7",
+ "@babel/plugin-transform-parameters": "^7.24.7",
+ "@babel/plugin-transform-private-methods": "^7.24.7",
+ "@babel/plugin-transform-private-property-in-object": "^7.24.7",
+ "@babel/plugin-transform-property-literals": "^7.24.7",
+ "@babel/plugin-transform-regenerator": "^7.24.7",
+ "@babel/plugin-transform-reserved-words": "^7.24.7",
+ "@babel/plugin-transform-shorthand-properties": "^7.24.7",
+ "@babel/plugin-transform-spread": "^7.24.7",
+ "@babel/plugin-transform-sticky-regex": "^7.24.7",
+ "@babel/plugin-transform-template-literals": "^7.24.7",
+ "@babel/plugin-transform-typeof-symbol": "^7.24.7",
+ "@babel/plugin-transform-unicode-escapes": "^7.24.7",
+ "@babel/plugin-transform-unicode-property-regex": "^7.24.7",
+ "@babel/plugin-transform-unicode-regex": "^7.24.7",
+ "@babel/plugin-transform-unicode-sets-regex": "^7.24.7",
"@babel/preset-modules": "0.1.6-no-external-plugins",
"babel-plugin-polyfill-corejs2": "^0.4.10",
"babel-plugin-polyfill-corejs3": "^0.10.4",
@@ -2745,10 +2661,9 @@
"license": "MIT"
},
"node_modules/@babel/runtime": {
- "version": "7.24.5",
- "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.24.5.tgz",
- "integrity": "sha512-Nms86NXrsaeU9vbBJKni6gXiEXZ4CVpYVzEjDH9Sb8vmZ3UljyA1GSOJl/6LGPO8EHLuSF9H+IxNXHPX8QHJ4g==",
- "dev": true,
+ "version": "7.24.7",
+ "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.24.7.tgz",
+ "integrity": "sha512-UwgBRMjJP+xv857DCngvqXI3Iq6J4v0wXmwc6sapg+zyhbwmQX67LUEFrkK5tbyJ30jGuG3ZvWpBiB9LCy1kWw==",
"license": "MIT",
"dependencies": {
"regenerator-runtime": "^0.14.0"
@@ -2772,19 +2687,19 @@
}
},
"node_modules/@babel/traverse": {
- "version": "7.24.7",
- "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.24.7.tgz",
- "integrity": "sha512-yb65Ed5S/QAcewNPh0nZczy9JdYXkkAbIsEo+P7BE7yO3txAY30Y/oPa3QkQ5It3xVG2kpKMg9MsdxZaO31uKA==",
+ "version": "7.24.8",
+ "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.24.8.tgz",
+ "integrity": "sha512-t0P1xxAPzEDcEPmjprAQq19NWum4K0EQPjMwZQZbHt+GiZqvjCHjj755Weq1YRPVzBI+3zSfvScfpnuIecVFJQ==",
"license": "MIT",
"dependencies": {
"@babel/code-frame": "^7.24.7",
- "@babel/generator": "^7.24.7",
+ "@babel/generator": "^7.24.8",
"@babel/helper-environment-visitor": "^7.24.7",
"@babel/helper-function-name": "^7.24.7",
"@babel/helper-hoist-variables": "^7.24.7",
"@babel/helper-split-export-declaration": "^7.24.7",
- "@babel/parser": "^7.24.7",
- "@babel/types": "^7.24.7",
+ "@babel/parser": "^7.24.8",
+ "@babel/types": "^7.24.8",
"debug": "^4.3.1",
"globals": "^11.1.0"
},
@@ -2793,12 +2708,12 @@
}
},
"node_modules/@babel/traverse/node_modules/@babel/generator": {
- "version": "7.24.7",
- "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.24.7.tgz",
- "integrity": "sha512-oipXieGC3i45Y1A41t4tAqpnEZWgB/lC6Ehh6+rOviR5XWpTtMmLN+fGjz9vOiNRt0p6RtO6DtD0pdU3vpqdSA==",
+ "version": "7.24.8",
+ "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.24.8.tgz",
+ "integrity": "sha512-47DG+6F5SzOi0uEvK4wMShmn5yY0mVjVJoWTphdY2B4Rx9wHgjK7Yhtr0ru6nE+sn0v38mzrWOlah0p/YlHHOQ==",
"license": "MIT",
"dependencies": {
- "@babel/types": "^7.24.7",
+ "@babel/types": "^7.24.8",
"@jridgewell/gen-mapping": "^0.3.5",
"@jridgewell/trace-mapping": "^0.3.25",
"jsesc": "^2.5.1"
@@ -2807,25 +2722,13 @@
"node": ">=6.9.0"
}
},
- "node_modules/@babel/traverse/node_modules/@babel/helper-split-export-declaration": {
- "version": "7.24.7",
- "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.24.7.tgz",
- "integrity": "sha512-oy5V7pD+UvfkEATUKvIjvIAH/xCzfsFVw7ygW2SI6NClZzquT+mwdTfgfdbUiceh6iQO0CHtCPsyze/MZ2YbAA==",
- "license": "MIT",
- "dependencies": {
- "@babel/types": "^7.24.7"
- },
- "engines": {
- "node": ">=6.9.0"
- }
- },
"node_modules/@babel/types": {
- "version": "7.24.7",
- "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.24.7.tgz",
- "integrity": "sha512-XEFXSlxiG5td2EJRe8vOmRbaXVgfcBlszKujvVmWIK/UpywWljQCfzAv3RQCGujWQ1RD4YYWEAqDXfuJiy8f5Q==",
+ "version": "7.24.8",
+ "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.24.8.tgz",
+ "integrity": "sha512-SkSBEHwwJRU52QEVZBmMBnE5Ux2/6WU1grdYyOhpbCNxbmJrDuDCphBzKZSO3taf0zztp+qkWlymE5tVL5l0TA==",
"license": "MIT",
"dependencies": {
- "@babel/helper-string-parser": "^7.24.7",
+ "@babel/helper-string-parser": "^7.24.8",
"@babel/helper-validator-identifier": "^7.24.7",
"to-fast-properties": "^2.0.0"
},
@@ -2861,9 +2764,9 @@
}
},
"node_modules/@esbuild/aix-ppc64": {
- "version": "0.21.3",
- "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.3.tgz",
- "integrity": "sha512-yTgnwQpFVYfvvo4SvRFB0SwrW8YjOxEoT7wfMT7Ol5v7v5LDNvSGo67aExmxOb87nQNeWPVvaGBNfQ7BXcrZ9w==",
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
+ "integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==",
"cpu": [
"ppc64"
],
@@ -2878,9 +2781,9 @@
}
},
"node_modules/@esbuild/android-arm": {
- "version": "0.21.3",
- "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.3.tgz",
- "integrity": "sha512-bviJOLMgurLJtF1/mAoJLxDZDL6oU5/ztMHnJQRejbJrSc9FFu0QoUoFhvi6qSKJEw9y5oGyvr9fuDtzJ30rNQ==",
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz",
+ "integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==",
"cpu": [
"arm"
],
@@ -2895,9 +2798,9 @@
}
},
"node_modules/@esbuild/android-arm64": {
- "version": "0.21.3",
- "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.3.tgz",
- "integrity": "sha512-c+ty9necz3zB1Y+d/N+mC6KVVkGUUOcm4ZmT5i/Fk5arOaY3i6CA3P5wo/7+XzV8cb4GrI/Zjp8NuOQ9Lfsosw==",
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz",
+ "integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==",
"cpu": [
"arm64"
],
@@ -2912,9 +2815,9 @@
}
},
"node_modules/@esbuild/android-x64": {
- "version": "0.21.3",
- "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.3.tgz",
- "integrity": "sha512-JReHfYCRK3FVX4Ra+y5EBH1b9e16TV2OxrPAvzMsGeES0X2Ndm9ImQRI4Ket757vhc5XBOuGperw63upesclRw==",
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz",
+ "integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==",
"cpu": [
"x64"
],
@@ -2929,9 +2832,9 @@
}
},
"node_modules/@esbuild/darwin-arm64": {
- "version": "0.21.3",
- "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.3.tgz",
- "integrity": "sha512-U3fuQ0xNiAkXOmQ6w5dKpEvXQRSpHOnbw7gEfHCRXPeTKW9sBzVck6C5Yneb8LfJm0l6le4NQfkNPnWMSlTFUQ==",
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz",
+ "integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==",
"cpu": [
"arm64"
],
@@ -2946,9 +2849,9 @@
}
},
"node_modules/@esbuild/darwin-x64": {
- "version": "0.21.3",
- "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.3.tgz",
- "integrity": "sha512-3m1CEB7F07s19wmaMNI2KANLcnaqryJxO1fXHUV5j1rWn+wMxdUYoPyO2TnAbfRZdi7ADRwJClmOwgT13qlP3Q==",
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz",
+ "integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==",
"cpu": [
"x64"
],
@@ -2963,9 +2866,9 @@
}
},
"node_modules/@esbuild/freebsd-arm64": {
- "version": "0.21.3",
- "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.3.tgz",
- "integrity": "sha512-fsNAAl5pU6wmKHq91cHWQT0Fz0vtyE1JauMzKotrwqIKAswwP5cpHUCxZNSTuA/JlqtScq20/5KZ+TxQdovU/g==",
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz",
+ "integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==",
"cpu": [
"arm64"
],
@@ -2980,9 +2883,9 @@
}
},
"node_modules/@esbuild/freebsd-x64": {
- "version": "0.21.3",
- "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.3.tgz",
- "integrity": "sha512-tci+UJ4zP5EGF4rp8XlZIdq1q1a/1h9XuronfxTMCNBslpCtmk97Q/5qqy1Mu4zIc0yswN/yP/BLX+NTUC1bXA==",
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz",
+ "integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==",
"cpu": [
"x64"
],
@@ -2997,9 +2900,9 @@
}
},
"node_modules/@esbuild/linux-arm": {
- "version": "0.21.3",
- "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.3.tgz",
- "integrity": "sha512-f6kz2QpSuyHHg01cDawj0vkyMwuIvN62UAguQfnNVzbge2uWLhA7TCXOn83DT0ZvyJmBI943MItgTovUob36SQ==",
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz",
+ "integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==",
"cpu": [
"arm"
],
@@ -3014,9 +2917,9 @@
}
},
"node_modules/@esbuild/linux-arm64": {
- "version": "0.21.3",
- "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.3.tgz",
- "integrity": "sha512-vvG6R5g5ieB4eCJBQevyDMb31LMHthLpXTc2IGkFnPWS/GzIFDnaYFp558O+XybTmYrVjxnryru7QRleJvmZ6Q==",
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz",
+ "integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==",
"cpu": [
"arm64"
],
@@ -3031,9 +2934,9 @@
}
},
"node_modules/@esbuild/linux-ia32": {
- "version": "0.21.3",
- "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.3.tgz",
- "integrity": "sha512-HjCWhH7K96Na+66TacDLJmOI9R8iDWDDiqe17C7znGvvE4sW1ECt9ly0AJ3dJH62jHyVqW9xpxZEU1jKdt+29A==",
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz",
+ "integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==",
"cpu": [
"ia32"
],
@@ -3048,9 +2951,9 @@
}
},
"node_modules/@esbuild/linux-loong64": {
- "version": "0.21.3",
- "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.3.tgz",
- "integrity": "sha512-BGpimEccmHBZRcAhdlRIxMp7x9PyJxUtj7apL2IuoG9VxvU/l/v1z015nFs7Si7tXUwEsvjc1rOJdZCn4QTU+Q==",
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz",
+ "integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==",
"cpu": [
"loong64"
],
@@ -3065,9 +2968,9 @@
}
},
"node_modules/@esbuild/linux-mips64el": {
- "version": "0.21.3",
- "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.3.tgz",
- "integrity": "sha512-5rMOWkp7FQGtAH3QJddP4w3s47iT20hwftqdm7b+loe95o8JU8ro3qZbhgMRy0VuFU0DizymF1pBKkn3YHWtsw==",
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz",
+ "integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==",
"cpu": [
"mips64el"
],
@@ -3082,9 +2985,9 @@
}
},
"node_modules/@esbuild/linux-ppc64": {
- "version": "0.21.3",
- "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.3.tgz",
- "integrity": "sha512-h0zj1ldel89V5sjPLo5H1SyMzp4VrgN1tPkN29TmjvO1/r0MuMRwJxL8QY05SmfsZRs6TF0c/IDH3u7XYYmbAg==",
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz",
+ "integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==",
"cpu": [
"ppc64"
],
@@ -3099,9 +3002,9 @@
}
},
"node_modules/@esbuild/linux-riscv64": {
- "version": "0.21.3",
- "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.3.tgz",
- "integrity": "sha512-dkAKcTsTJ+CRX6bnO17qDJbLoW37npd5gSNtSzjYQr0svghLJYGYB0NF1SNcU1vDcjXLYS5pO4qOW4YbFama4A==",
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz",
+ "integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==",
"cpu": [
"riscv64"
],
@@ -3116,9 +3019,9 @@
}
},
"node_modules/@esbuild/linux-s390x": {
- "version": "0.21.3",
- "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.3.tgz",
- "integrity": "sha512-vnD1YUkovEdnZWEuMmy2X2JmzsHQqPpZElXx6dxENcIwTu+Cu5ERax6+Ke1QsE814Zf3c6rxCfwQdCTQ7tPuXA==",
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz",
+ "integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==",
"cpu": [
"s390x"
],
@@ -3133,9 +3036,9 @@
}
},
"node_modules/@esbuild/linux-x64": {
- "version": "0.21.3",
- "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.3.tgz",
- "integrity": "sha512-IOXOIm9WaK7plL2gMhsWJd+l2bfrhfilv0uPTptoRoSb2p09RghhQQp9YY6ZJhk/kqmeRt6siRdMSLLwzuT0KQ==",
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz",
+ "integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==",
"cpu": [
"x64"
],
@@ -3150,9 +3053,9 @@
}
},
"node_modules/@esbuild/netbsd-x64": {
- "version": "0.21.3",
- "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.3.tgz",
- "integrity": "sha512-uTgCwsvQ5+vCQnqM//EfDSuomo2LhdWhFPS8VL8xKf+PKTCrcT/2kPPoWMTs22aB63MLdGMJiE3f1PHvCDmUOw==",
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz",
+ "integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==",
"cpu": [
"x64"
],
@@ -3167,9 +3070,9 @@
}
},
"node_modules/@esbuild/openbsd-x64": {
- "version": "0.21.3",
- "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.3.tgz",
- "integrity": "sha512-vNAkR17Ub2MgEud2Wag/OE4HTSI6zlb291UYzHez/psiKarp0J8PKGDnAhMBcHFoOHMXHfExzmjMojJNbAStrQ==",
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz",
+ "integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==",
"cpu": [
"x64"
],
@@ -3184,9 +3087,9 @@
}
},
"node_modules/@esbuild/sunos-x64": {
- "version": "0.21.3",
- "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.3.tgz",
- "integrity": "sha512-W8H9jlGiSBomkgmouaRoTXo49j4w4Kfbl6I1bIdO/vT0+0u4f20ko3ELzV3hPI6XV6JNBVX+8BC+ajHkvffIJA==",
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz",
+ "integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==",
"cpu": [
"x64"
],
@@ -3201,9 +3104,9 @@
}
},
"node_modules/@esbuild/win32-arm64": {
- "version": "0.21.3",
- "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.3.tgz",
- "integrity": "sha512-EjEomwyLSCg8Ag3LDILIqYCZAq/y3diJ04PnqGRgq8/4O3VNlXyMd54j/saShaN4h5o5mivOjAzmU6C3X4v0xw==",
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz",
+ "integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==",
"cpu": [
"arm64"
],
@@ -3218,9 +3121,9 @@
}
},
"node_modules/@esbuild/win32-ia32": {
- "version": "0.21.3",
- "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.3.tgz",
- "integrity": "sha512-WGiE/GgbsEwR33++5rzjiYsKyHywE8QSZPF7Rfx9EBfK3Qn3xyR6IjyCr5Uk38Kg8fG4/2phN7sXp4NPWd3fcw==",
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz",
+ "integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==",
"cpu": [
"ia32"
],
@@ -3235,9 +3138,9 @@
}
},
"node_modules/@esbuild/win32-x64": {
- "version": "0.21.3",
- "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.3.tgz",
- "integrity": "sha512-xRxC0jaJWDLYvcUvjQmHCJSfMrgmUuvsoXgDeU/wTorQ1ngDdUBuFtgY3W1Pc5sprGAvZBtWdJX7RPg/iZZUqA==",
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz",
+ "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==",
"cpu": [
"x64"
],
@@ -3293,10 +3196,9 @@
"license": "MIT"
},
"node_modules/@fortawesome/fontawesome-free": {
- "version": "6.5.2",
- "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-6.5.2.tgz",
- "integrity": "sha512-hRILoInAx8GNT5IMkrtIt9blOdrqHOnPBH+k70aWUAqPZPgopb9G5EQJFpaBx/S8zp2fC+mPW349Bziuk1o28Q==",
- "hasInstallScript": true,
+ "version": "6.6.0",
+ "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-6.6.0.tgz",
+ "integrity": "sha512-60G28ke/sXdtS9KZCpZSHHkCbdsOGEhIUGlwq6yhY74UpTiToIh8np7A8yphhM4BWsvNFtIvLpi4co+h9Mr9Ow==",
"license": "(CC-BY-4.0 AND OFL-1.1 AND MIT)",
"engines": {
"node": ">=6"
@@ -3308,292 +3210,617 @@
"integrity": "sha512-k2Ty1JcVojjJFwrg/ThKi2ujJ7XNLYaFGNB/bWT9wGR+oSMJHMa5w+CUq6p/pVrKeNNgA7pCqEcjSnHVoqJQFw==",
"license": "MIT"
},
- "node_modules/@inquirer/figures": {
- "version": "1.0.3",
- "resolved": "https://registry.npmjs.org/@inquirer/figures/-/figures-1.0.3.tgz",
- "integrity": "sha512-ErXXzENMH5pJt5/ssXV0DfWUZqly8nGzf0UcBV9xTnP+KyffE2mqyxIMBrZ8ijQck2nU0TQm40EQB53YreyWHw==",
+ "node_modules/@inquirer/checkbox": {
+ "version": "2.3.10",
+ "resolved": "https://registry.npmjs.org/@inquirer/checkbox/-/checkbox-2.3.10.tgz",
+ "integrity": "sha512-CTc864M2/523rKc9AglIzAcUCuPXDZENgc5S2KZFVRbnMzpXcYTsUWmbqSeL0XLvtlvEtNevkkVbfVhJpruOyQ==",
"dev": true,
"license": "MIT",
- "engines": {
+ "dependencies": {
+ "@inquirer/core": "^9.0.2",
+ "@inquirer/figures": "^1.0.3",
+ "@inquirer/type": "^1.4.0",
+ "ansi-escapes": "^4.3.2",
+ "yoctocolors-cjs": "^2.1.2"
+ },
+ "engines": {
"node": ">=18"
}
},
- "node_modules/@isaacs/cliui": {
- "version": "8.0.2",
- "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
- "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
- "license": "ISC",
+ "node_modules/@inquirer/checkbox/node_modules/@inquirer/core": {
+ "version": "9.0.2",
+ "resolved": "https://registry.npmjs.org/@inquirer/core/-/core-9.0.2.tgz",
+ "integrity": "sha512-nguvH3TZar3ACwbytZrraRTzGqyxJfYJwv+ZwqZNatAosdWQMP1GV8zvmkNlBe2JeZSaw0WYBHZk52pDpWC9qA==",
+ "dev": true,
+ "license": "MIT",
"dependencies": {
- "string-width": "^5.1.2",
- "string-width-cjs": "npm:string-width@^4.2.0",
- "strip-ansi": "^7.0.1",
- "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
- "wrap-ansi": "^8.1.0",
- "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
+ "@inquirer/figures": "^1.0.3",
+ "@inquirer/type": "^1.4.0",
+ "@types/mute-stream": "^0.0.4",
+ "@types/node": "^20.14.9",
+ "@types/wrap-ansi": "^3.0.0",
+ "ansi-escapes": "^4.3.2",
+ "cli-spinners": "^2.9.2",
+ "cli-width": "^4.1.0",
+ "mute-stream": "^1.0.0",
+ "signal-exit": "^4.1.0",
+ "strip-ansi": "^6.0.1",
+ "wrap-ansi": "^6.2.0",
+ "yoctocolors-cjs": "^2.1.2"
},
"engines": {
- "node": ">=12"
+ "node": ">=18"
}
},
- "node_modules/@isaacs/cliui/node_modules/ansi-regex": {
- "version": "6.0.1",
- "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
- "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
- "license": "MIT",
+ "node_modules/@inquirer/checkbox/node_modules/signal-exit": {
+ "version": "4.1.0",
+ "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+ "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+ "dev": true,
+ "license": "ISC",
"engines": {
- "node": ">=12"
+ "node": ">=14"
},
"funding": {
- "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+ "url": "https://github.com/sponsors/isaacs"
}
},
- "node_modules/@isaacs/cliui/node_modules/ansi-styles": {
- "version": "6.2.1",
- "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
- "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+ "node_modules/@inquirer/confirm": {
+ "version": "3.1.11",
+ "resolved": "https://registry.npmjs.org/@inquirer/confirm/-/confirm-3.1.11.tgz",
+ "integrity": "sha512-3wWw10VPxQP279FO4bzWsf8YjIAq7NdwATJ4xS2h1uwsXZu/RmtOVV95rZ7yllS1h/dzu+uLewjMAzNDEj8h2w==",
+ "dev": true,
"license": "MIT",
- "engines": {
- "node": ">=12"
+ "dependencies": {
+ "@inquirer/core": "^8.2.4",
+ "@inquirer/type": "^1.3.3"
},
- "funding": {
- "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+ "engines": {
+ "node": ">=18"
}
},
- "node_modules/@isaacs/cliui/node_modules/emoji-regex": {
- "version": "9.2.2",
- "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
- "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
- "license": "MIT"
- },
- "node_modules/@isaacs/cliui/node_modules/string-width": {
- "version": "5.1.2",
- "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
- "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
+ "node_modules/@inquirer/core": {
+ "version": "8.2.4",
+ "resolved": "https://registry.npmjs.org/@inquirer/core/-/core-8.2.4.tgz",
+ "integrity": "sha512-7vsXSfxtrrbwMTirfaKwPcjqJy7pzeuF/bP62yo1NQrRJ5HjmMlrhZml/Ljm9ODc1RnbhJlTeSnCkjtFddKjwA==",
+ "dev": true,
"license": "MIT",
"dependencies": {
- "eastasianwidth": "^0.2.0",
- "emoji-regex": "^9.2.2",
- "strip-ansi": "^7.0.1"
+ "@inquirer/figures": "^1.0.3",
+ "@inquirer/type": "^1.3.3",
+ "@types/mute-stream": "^0.0.4",
+ "@types/node": "^20.14.9",
+ "@types/wrap-ansi": "^3.0.0",
+ "ansi-escapes": "^4.3.2",
+ "cli-spinners": "^2.9.2",
+ "cli-width": "^4.1.0",
+ "mute-stream": "^1.0.0",
+ "picocolors": "^1.0.1",
+ "signal-exit": "^4.1.0",
+ "strip-ansi": "^6.0.1",
+ "wrap-ansi": "^6.2.0"
},
"engines": {
- "node": ">=12"
+ "node": ">=18"
+ }
+ },
+ "node_modules/@inquirer/core/node_modules/signal-exit": {
+ "version": "4.1.0",
+ "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+ "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+ "dev": true,
+ "license": "ISC",
+ "engines": {
+ "node": ">=14"
},
"funding": {
- "url": "https://github.com/sponsors/sindresorhus"
+ "url": "https://github.com/sponsors/isaacs"
}
},
- "node_modules/@isaacs/cliui/node_modules/strip-ansi": {
- "version": "7.1.0",
- "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
- "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+ "node_modules/@inquirer/editor": {
+ "version": "2.1.14",
+ "resolved": "https://registry.npmjs.org/@inquirer/editor/-/editor-2.1.14.tgz",
+ "integrity": "sha512-6nWpoJyVAKwAcv67bkbBmmi3f32xua79fP7TRmNUoR4K+B1GiOBsHO1YdvET/jvC+nTlBZL7puKAKyM7G+Lkzw==",
+ "dev": true,
"license": "MIT",
"dependencies": {
- "ansi-regex": "^6.0.1"
+ "@inquirer/core": "^9.0.2",
+ "@inquirer/type": "^1.4.0",
+ "external-editor": "^3.1.0"
},
"engines": {
- "node": ">=12"
- },
- "funding": {
- "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+ "node": ">=18"
}
},
- "node_modules/@isaacs/cliui/node_modules/wrap-ansi": {
- "version": "8.1.0",
- "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
- "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
+ "node_modules/@inquirer/editor/node_modules/@inquirer/core": {
+ "version": "9.0.2",
+ "resolved": "https://registry.npmjs.org/@inquirer/core/-/core-9.0.2.tgz",
+ "integrity": "sha512-nguvH3TZar3ACwbytZrraRTzGqyxJfYJwv+ZwqZNatAosdWQMP1GV8zvmkNlBe2JeZSaw0WYBHZk52pDpWC9qA==",
+ "dev": true,
"license": "MIT",
"dependencies": {
- "ansi-styles": "^6.1.0",
- "string-width": "^5.0.1",
- "strip-ansi": "^7.0.1"
+ "@inquirer/figures": "^1.0.3",
+ "@inquirer/type": "^1.4.0",
+ "@types/mute-stream": "^0.0.4",
+ "@types/node": "^20.14.9",
+ "@types/wrap-ansi": "^3.0.0",
+ "ansi-escapes": "^4.3.2",
+ "cli-spinners": "^2.9.2",
+ "cli-width": "^4.1.0",
+ "mute-stream": "^1.0.0",
+ "signal-exit": "^4.1.0",
+ "strip-ansi": "^6.0.1",
+ "wrap-ansi": "^6.2.0",
+ "yoctocolors-cjs": "^2.1.2"
},
"engines": {
- "node": ">=12"
+ "node": ">=18"
+ }
+ },
+ "node_modules/@inquirer/editor/node_modules/signal-exit": {
+ "version": "4.1.0",
+ "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+ "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+ "dev": true,
+ "license": "ISC",
+ "engines": {
+ "node": ">=14"
},
"funding": {
- "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+ "url": "https://github.com/sponsors/isaacs"
}
},
- "node_modules/@istanbuljs/load-nyc-config": {
- "version": "1.1.0",
- "resolved": "https://registry.npmjs.org/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz",
- "integrity": "sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==",
+ "node_modules/@inquirer/expand": {
+ "version": "2.1.14",
+ "resolved": "https://registry.npmjs.org/@inquirer/expand/-/expand-2.1.14.tgz",
+ "integrity": "sha512-JcxsLajwPykF2kq6biIUdoOzTQ3LXqb8XMVrWkCprG/pFeU1SsxcSSFbF1T5jJGvvlTVcsE+JdGjbQ8ZRZ82RA==",
"dev": true,
- "license": "ISC",
+ "license": "MIT",
"dependencies": {
- "camelcase": "^5.3.1",
- "find-up": "^4.1.0",
- "get-package-type": "^0.1.0",
- "js-yaml": "^3.13.1",
- "resolve-from": "^5.0.0"
+ "@inquirer/core": "^9.0.2",
+ "@inquirer/type": "^1.4.0",
+ "yoctocolors-cjs": "^2.1.2"
},
"engines": {
- "node": ">=8"
+ "node": ">=18"
}
},
- "node_modules/@istanbuljs/schema": {
- "version": "0.1.3",
- "resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.3.tgz",
- "integrity": "sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==",
+ "node_modules/@inquirer/expand/node_modules/@inquirer/core": {
+ "version": "9.0.2",
+ "resolved": "https://registry.npmjs.org/@inquirer/core/-/core-9.0.2.tgz",
+ "integrity": "sha512-nguvH3TZar3ACwbytZrraRTzGqyxJfYJwv+ZwqZNatAosdWQMP1GV8zvmkNlBe2JeZSaw0WYBHZk52pDpWC9qA==",
"dev": true,
"license": "MIT",
+ "dependencies": {
+ "@inquirer/figures": "^1.0.3",
+ "@inquirer/type": "^1.4.0",
+ "@types/mute-stream": "^0.0.4",
+ "@types/node": "^20.14.9",
+ "@types/wrap-ansi": "^3.0.0",
+ "ansi-escapes": "^4.3.2",
+ "cli-spinners": "^2.9.2",
+ "cli-width": "^4.1.0",
+ "mute-stream": "^1.0.0",
+ "signal-exit": "^4.1.0",
+ "strip-ansi": "^6.0.1",
+ "wrap-ansi": "^6.2.0",
+ "yoctocolors-cjs": "^2.1.2"
+ },
"engines": {
- "node": ">=8"
+ "node": ">=18"
}
},
- "node_modules/@jest/console": {
- "version": "29.7.0",
- "resolved": "https://registry.npmjs.org/@jest/console/-/console-29.7.0.tgz",
- "integrity": "sha512-5Ni4CU7XHQi32IJ398EEP4RrB8eV09sXP2ROqD4bksHrnTree52PsxvX8tpL8LvTZ3pFzXyPbNQReSN41CAhOg==",
+ "node_modules/@inquirer/expand/node_modules/signal-exit": {
+ "version": "4.1.0",
+ "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+ "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
"dev": true,
- "license": "MIT",
- "dependencies": {
- "@jest/types": "^29.6.3",
- "@types/node": "*",
- "chalk": "^4.0.0",
- "jest-message-util": "^29.7.0",
- "jest-util": "^29.7.0",
- "slash": "^3.0.0"
+ "license": "ISC",
+ "engines": {
+ "node": ">=14"
},
+ "funding": {
+ "url": "https://github.com/sponsors/isaacs"
+ }
+ },
+ "node_modules/@inquirer/figures": {
+ "version": "1.0.3",
+ "resolved": "https://registry.npmjs.org/@inquirer/figures/-/figures-1.0.3.tgz",
+ "integrity": "sha512-ErXXzENMH5pJt5/ssXV0DfWUZqly8nGzf0UcBV9xTnP+KyffE2mqyxIMBrZ8ijQck2nU0TQm40EQB53YreyWHw==",
+ "dev": true,
+ "license": "MIT",
"engines": {
- "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+ "node": ">=18"
}
},
- "node_modules/@jest/console/node_modules/ansi-styles": {
- "version": "4.3.0",
- "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
- "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+ "node_modules/@inquirer/input": {
+ "version": "2.2.1",
+ "resolved": "https://registry.npmjs.org/@inquirer/input/-/input-2.2.1.tgz",
+ "integrity": "sha512-Yl1G6h7qWydzrJwqN777geeJVaAFL5Ly83aZlw4xHf8Z/BoTMfKRheyuMaQwOG7LQ4e5nQP7PxXdEg4SzQ+OKw==",
"dev": true,
"license": "MIT",
"dependencies": {
- "color-convert": "^2.0.1"
+ "@inquirer/core": "^9.0.2",
+ "@inquirer/type": "^1.4.0"
},
"engines": {
- "node": ">=8"
- },
- "funding": {
- "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+ "node": ">=18"
}
},
- "node_modules/@jest/console/node_modules/chalk": {
- "version": "4.1.2",
- "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
- "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+ "node_modules/@inquirer/input/node_modules/@inquirer/core": {
+ "version": "9.0.2",
+ "resolved": "https://registry.npmjs.org/@inquirer/core/-/core-9.0.2.tgz",
+ "integrity": "sha512-nguvH3TZar3ACwbytZrraRTzGqyxJfYJwv+ZwqZNatAosdWQMP1GV8zvmkNlBe2JeZSaw0WYBHZk52pDpWC9qA==",
"dev": true,
"license": "MIT",
"dependencies": {
- "ansi-styles": "^4.1.0",
- "supports-color": "^7.1.0"
+ "@inquirer/figures": "^1.0.3",
+ "@inquirer/type": "^1.4.0",
+ "@types/mute-stream": "^0.0.4",
+ "@types/node": "^20.14.9",
+ "@types/wrap-ansi": "^3.0.0",
+ "ansi-escapes": "^4.3.2",
+ "cli-spinners": "^2.9.2",
+ "cli-width": "^4.1.0",
+ "mute-stream": "^1.0.0",
+ "signal-exit": "^4.1.0",
+ "strip-ansi": "^6.0.1",
+ "wrap-ansi": "^6.2.0",
+ "yoctocolors-cjs": "^2.1.2"
},
"engines": {
- "node": ">=10"
+ "node": ">=18"
+ }
+ },
+ "node_modules/@inquirer/input/node_modules/signal-exit": {
+ "version": "4.1.0",
+ "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+ "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+ "dev": true,
+ "license": "ISC",
+ "engines": {
+ "node": ">=14"
},
"funding": {
- "url": "https://github.com/chalk/chalk?sponsor=1"
+ "url": "https://github.com/sponsors/isaacs"
}
},
- "node_modules/@jest/console/node_modules/color-convert": {
- "version": "2.0.1",
- "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
- "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+ "node_modules/@inquirer/password": {
+ "version": "2.1.14",
+ "resolved": "https://registry.npmjs.org/@inquirer/password/-/password-2.1.14.tgz",
+ "integrity": "sha512-sPzOkXLhWJQ96K6nPZFnF8XB8tsDrcCRobd1d3EDz81F+4hp8BbdmsnsQcqZ7oYDIOVM/mWJyIUtJ35TrssJxQ==",
"dev": true,
"license": "MIT",
"dependencies": {
- "color-name": "~1.1.4"
+ "@inquirer/core": "^9.0.2",
+ "@inquirer/type": "^1.4.0",
+ "ansi-escapes": "^4.3.2"
},
"engines": {
- "node": ">=7.0.0"
+ "node": ">=18"
}
},
- "node_modules/@jest/console/node_modules/color-name": {
- "version": "1.1.4",
- "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
- "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
- "dev": true,
- "license": "MIT"
- },
- "node_modules/@jest/console/node_modules/has-flag": {
- "version": "4.0.0",
- "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
- "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+ "node_modules/@inquirer/password/node_modules/@inquirer/core": {
+ "version": "9.0.2",
+ "resolved": "https://registry.npmjs.org/@inquirer/core/-/core-9.0.2.tgz",
+ "integrity": "sha512-nguvH3TZar3ACwbytZrraRTzGqyxJfYJwv+ZwqZNatAosdWQMP1GV8zvmkNlBe2JeZSaw0WYBHZk52pDpWC9qA==",
"dev": true,
"license": "MIT",
+ "dependencies": {
+ "@inquirer/figures": "^1.0.3",
+ "@inquirer/type": "^1.4.0",
+ "@types/mute-stream": "^0.0.4",
+ "@types/node": "^20.14.9",
+ "@types/wrap-ansi": "^3.0.0",
+ "ansi-escapes": "^4.3.2",
+ "cli-spinners": "^2.9.2",
+ "cli-width": "^4.1.0",
+ "mute-stream": "^1.0.0",
+ "signal-exit": "^4.1.0",
+ "strip-ansi": "^6.0.1",
+ "wrap-ansi": "^6.2.0",
+ "yoctocolors-cjs": "^2.1.2"
+ },
"engines": {
- "node": ">=8"
+ "node": ">=18"
}
},
- "node_modules/@jest/console/node_modules/slash": {
- "version": "3.0.0",
- "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
- "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+ "node_modules/@inquirer/password/node_modules/signal-exit": {
+ "version": "4.1.0",
+ "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+ "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
"dev": true,
- "license": "MIT",
+ "license": "ISC",
"engines": {
- "node": ">=8"
+ "node": ">=14"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/isaacs"
}
},
- "node_modules/@jest/console/node_modules/supports-color": {
- "version": "7.2.0",
- "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
- "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+ "node_modules/@inquirer/prompts": {
+ "version": "5.0.7",
+ "resolved": "https://registry.npmjs.org/@inquirer/prompts/-/prompts-5.0.7.tgz",
+ "integrity": "sha512-GFcigCxJTKCH3aECzMIu4FhgLJWnFvMXzpI4CCSoELWFtkOOU2P+goYA61+OKpGrB8fPE7q6n8zAXBSlZRrHjQ==",
"dev": true,
"license": "MIT",
"dependencies": {
- "has-flag": "^4.0.0"
+ "@inquirer/checkbox": "^2.3.7",
+ "@inquirer/confirm": "^3.1.11",
+ "@inquirer/editor": "^2.1.11",
+ "@inquirer/expand": "^2.1.11",
+ "@inquirer/input": "^2.1.11",
+ "@inquirer/password": "^2.1.11",
+ "@inquirer/rawlist": "^2.1.11",
+ "@inquirer/select": "^2.3.7"
},
"engines": {
- "node": ">=8"
+ "node": ">=18"
}
},
- "node_modules/@jest/core": {
- "version": "29.7.0",
- "resolved": "https://registry.npmjs.org/@jest/core/-/core-29.7.0.tgz",
- "integrity": "sha512-n7aeXWKMnGtDA48y8TLWJPJmLmmZ642Ceo78cYWEpiD7FzDgmNDV/GCVRorPABdXLJZ/9wzzgZAlHjXjxDHGsg==",
+ "node_modules/@inquirer/rawlist": {
+ "version": "2.1.14",
+ "resolved": "https://registry.npmjs.org/@inquirer/rawlist/-/rawlist-2.1.14.tgz",
+ "integrity": "sha512-pLpEzhKNQ/ugFAFfgCNaXljB+dcCwmXwR1jOxAbVeFIdB3l02E5gjI+h1rb136tq0T8JO6P5KFR1oTeld/wdrA==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@inquirer/core": "^9.0.2",
+ "@inquirer/type": "^1.4.0",
+ "yoctocolors-cjs": "^2.1.2"
+ },
+ "engines": {
+ "node": ">=18"
+ }
+ },
+ "node_modules/@inquirer/rawlist/node_modules/@inquirer/core": {
+ "version": "9.0.2",
+ "resolved": "https://registry.npmjs.org/@inquirer/core/-/core-9.0.2.tgz",
+ "integrity": "sha512-nguvH3TZar3ACwbytZrraRTzGqyxJfYJwv+ZwqZNatAosdWQMP1GV8zvmkNlBe2JeZSaw0WYBHZk52pDpWC9qA==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@inquirer/figures": "^1.0.3",
+ "@inquirer/type": "^1.4.0",
+ "@types/mute-stream": "^0.0.4",
+ "@types/node": "^20.14.9",
+ "@types/wrap-ansi": "^3.0.0",
+ "ansi-escapes": "^4.3.2",
+ "cli-spinners": "^2.9.2",
+ "cli-width": "^4.1.0",
+ "mute-stream": "^1.0.0",
+ "signal-exit": "^4.1.0",
+ "strip-ansi": "^6.0.1",
+ "wrap-ansi": "^6.2.0",
+ "yoctocolors-cjs": "^2.1.2"
+ },
+ "engines": {
+ "node": ">=18"
+ }
+ },
+ "node_modules/@inquirer/rawlist/node_modules/signal-exit": {
+ "version": "4.1.0",
+ "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+ "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+ "dev": true,
+ "license": "ISC",
+ "engines": {
+ "node": ">=14"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/isaacs"
+ }
+ },
+ "node_modules/@inquirer/select": {
+ "version": "2.3.10",
+ "resolved": "https://registry.npmjs.org/@inquirer/select/-/select-2.3.10.tgz",
+ "integrity": "sha512-rr7iR0Zj1YFfgM8IUGimPD9Yukd+n/U63CnYT9kdum6DbRXtMxR45rrreP+EA9ixCnShr+W4xj7suRxC1+8t9g==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@inquirer/core": "^9.0.2",
+ "@inquirer/figures": "^1.0.3",
+ "@inquirer/type": "^1.4.0",
+ "ansi-escapes": "^4.3.2",
+ "yoctocolors-cjs": "^2.1.2"
+ },
+ "engines": {
+ "node": ">=18"
+ }
+ },
+ "node_modules/@inquirer/select/node_modules/@inquirer/core": {
+ "version": "9.0.2",
+ "resolved": "https://registry.npmjs.org/@inquirer/core/-/core-9.0.2.tgz",
+ "integrity": "sha512-nguvH3TZar3ACwbytZrraRTzGqyxJfYJwv+ZwqZNatAosdWQMP1GV8zvmkNlBe2JeZSaw0WYBHZk52pDpWC9qA==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@inquirer/figures": "^1.0.3",
+ "@inquirer/type": "^1.4.0",
+ "@types/mute-stream": "^0.0.4",
+ "@types/node": "^20.14.9",
+ "@types/wrap-ansi": "^3.0.0",
+ "ansi-escapes": "^4.3.2",
+ "cli-spinners": "^2.9.2",
+ "cli-width": "^4.1.0",
+ "mute-stream": "^1.0.0",
+ "signal-exit": "^4.1.0",
+ "strip-ansi": "^6.0.1",
+ "wrap-ansi": "^6.2.0",
+ "yoctocolors-cjs": "^2.1.2"
+ },
+ "engines": {
+ "node": ">=18"
+ }
+ },
+ "node_modules/@inquirer/select/node_modules/signal-exit": {
+ "version": "4.1.0",
+ "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+ "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+ "dev": true,
+ "license": "ISC",
+ "engines": {
+ "node": ">=14"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/isaacs"
+ }
+ },
+ "node_modules/@inquirer/type": {
+ "version": "1.4.0",
+ "resolved": "https://registry.npmjs.org/@inquirer/type/-/type-1.4.0.tgz",
+ "integrity": "sha512-AjOqykVyjdJQvtfkNDGUyMYGF8xN50VUxftCQWsOyIo4DFRLr6VQhW0VItGI1JIyQGCGgIpKa7hMMwNhZb4OIw==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "mute-stream": "^1.0.0"
+ },
+ "engines": {
+ "node": ">=18"
+ }
+ },
+ "node_modules/@isaacs/cliui": {
+ "version": "8.0.2",
+ "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
+ "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
+ "license": "ISC",
+ "dependencies": {
+ "string-width": "^5.1.2",
+ "string-width-cjs": "npm:string-width@^4.2.0",
+ "strip-ansi": "^7.0.1",
+ "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
+ "wrap-ansi": "^8.1.0",
+ "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
+ },
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@isaacs/cliui/node_modules/ansi-regex": {
+ "version": "6.0.1",
+ "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
+ "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
+ "license": "MIT",
+ "engines": {
+ "node": ">=12"
+ },
+ "funding": {
+ "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+ }
+ },
+ "node_modules/@isaacs/cliui/node_modules/ansi-styles": {
+ "version": "6.2.1",
+ "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
+ "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+ "license": "MIT",
+ "engines": {
+ "node": ">=12"
+ },
+ "funding": {
+ "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+ }
+ },
+ "node_modules/@isaacs/cliui/node_modules/emoji-regex": {
+ "version": "9.2.2",
+ "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+ "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+ "license": "MIT"
+ },
+ "node_modules/@isaacs/cliui/node_modules/string-width": {
+ "version": "5.1.2",
+ "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
+ "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
+ "license": "MIT",
+ "dependencies": {
+ "eastasianwidth": "^0.2.0",
+ "emoji-regex": "^9.2.2",
+ "strip-ansi": "^7.0.1"
+ },
+ "engines": {
+ "node": ">=12"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/sindresorhus"
+ }
+ },
+ "node_modules/@isaacs/cliui/node_modules/strip-ansi": {
+ "version": "7.1.0",
+ "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+ "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+ "license": "MIT",
+ "dependencies": {
+ "ansi-regex": "^6.0.1"
+ },
+ "engines": {
+ "node": ">=12"
+ },
+ "funding": {
+ "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+ }
+ },
+ "node_modules/@isaacs/cliui/node_modules/wrap-ansi": {
+ "version": "8.1.0",
+ "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
+ "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
+ "license": "MIT",
+ "dependencies": {
+ "ansi-styles": "^6.1.0",
+ "string-width": "^5.0.1",
+ "strip-ansi": "^7.0.1"
+ },
+ "engines": {
+ "node": ">=12"
+ },
+ "funding": {
+ "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+ }
+ },
+ "node_modules/@istanbuljs/load-nyc-config": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz",
+ "integrity": "sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==",
+ "dev": true,
+ "license": "ISC",
+ "dependencies": {
+ "camelcase": "^5.3.1",
+ "find-up": "^4.1.0",
+ "get-package-type": "^0.1.0",
+ "js-yaml": "^3.13.1",
+ "resolve-from": "^5.0.0"
+ },
+ "engines": {
+ "node": ">=8"
+ }
+ },
+ "node_modules/@istanbuljs/schema": {
+ "version": "0.1.3",
+ "resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.3.tgz",
+ "integrity": "sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=8"
+ }
+ },
+ "node_modules/@jest/console": {
+ "version": "29.7.0",
+ "resolved": "https://registry.npmjs.org/@jest/console/-/console-29.7.0.tgz",
+ "integrity": "sha512-5Ni4CU7XHQi32IJ398EEP4RrB8eV09sXP2ROqD4bksHrnTree52PsxvX8tpL8LvTZ3pFzXyPbNQReSN41CAhOg==",
"dev": true,
"license": "MIT",
"dependencies": {
- "@jest/console": "^29.7.0",
- "@jest/reporters": "^29.7.0",
- "@jest/test-result": "^29.7.0",
- "@jest/transform": "^29.7.0",
"@jest/types": "^29.6.3",
"@types/node": "*",
- "ansi-escapes": "^4.2.1",
"chalk": "^4.0.0",
- "ci-info": "^3.2.0",
- "exit": "^0.1.2",
- "graceful-fs": "^4.2.9",
- "jest-changed-files": "^29.7.0",
- "jest-config": "^29.7.0",
- "jest-haste-map": "^29.7.0",
"jest-message-util": "^29.7.0",
- "jest-regex-util": "^29.6.3",
- "jest-resolve": "^29.7.0",
- "jest-resolve-dependencies": "^29.7.0",
- "jest-runner": "^29.7.0",
- "jest-runtime": "^29.7.0",
- "jest-snapshot": "^29.7.0",
"jest-util": "^29.7.0",
- "jest-validate": "^29.7.0",
- "jest-watcher": "^29.7.0",
- "micromatch": "^4.0.4",
- "pretty-format": "^29.7.0",
- "slash": "^3.0.0",
- "strip-ansi": "^6.0.0"
+ "slash": "^3.0.0"
},
"engines": {
"node": "^14.15.0 || ^16.10.0 || >=18.0.0"
- },
- "peerDependencies": {
- "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0"
- },
- "peerDependenciesMeta": {
- "node-notifier": {
- "optional": true
- }
}
},
- "node_modules/@jest/core/node_modules/ansi-styles": {
+ "node_modules/@jest/console/node_modules/ansi-styles": {
"version": "4.3.0",
"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
"integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
@@ -3609,7 +3836,7 @@
"url": "https://github.com/chalk/ansi-styles?sponsor=1"
}
},
- "node_modules/@jest/core/node_modules/chalk": {
+ "node_modules/@jest/console/node_modules/chalk": {
"version": "4.1.2",
"resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
"integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
@@ -3626,7 +3853,7 @@
"url": "https://github.com/chalk/chalk?sponsor=1"
}
},
- "node_modules/@jest/core/node_modules/color-convert": {
+ "node_modules/@jest/console/node_modules/color-convert": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
"integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
@@ -3639,14 +3866,14 @@
"node": ">=7.0.0"
}
},
- "node_modules/@jest/core/node_modules/color-name": {
+ "node_modules/@jest/console/node_modules/color-name": {
"version": "1.1.4",
"resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
"dev": true,
"license": "MIT"
},
- "node_modules/@jest/core/node_modules/has-flag": {
+ "node_modules/@jest/console/node_modules/has-flag": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
"integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
@@ -3656,7 +3883,7 @@
"node": ">=8"
}
},
- "node_modules/@jest/core/node_modules/slash": {
+ "node_modules/@jest/console/node_modules/slash": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
"integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
@@ -3666,7 +3893,7 @@
"node": ">=8"
}
},
- "node_modules/@jest/core/node_modules/supports-color": {
+ "node_modules/@jest/console/node_modules/supports-color": {
"version": "7.2.0",
"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
"integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
@@ -3679,15 +3906,149 @@
"node": ">=8"
}
},
- "node_modules/@jest/environment": {
+ "node_modules/@jest/core": {
"version": "29.7.0",
- "resolved": "https://registry.npmjs.org/@jest/environment/-/environment-29.7.0.tgz",
- "integrity": "sha512-aQIfHDq33ExsN4jP1NWGXhxgQ/wixs60gDiKO+XVMd8Mn0NWPWgc34ZQDTb2jKaUWQ7MuwoitXAsN2XVXNMpAw==",
+ "resolved": "https://registry.npmjs.org/@jest/core/-/core-29.7.0.tgz",
+ "integrity": "sha512-n7aeXWKMnGtDA48y8TLWJPJmLmmZ642Ceo78cYWEpiD7FzDgmNDV/GCVRorPABdXLJZ/9wzzgZAlHjXjxDHGsg==",
"dev": true,
"license": "MIT",
"dependencies": {
- "@jest/fake-timers": "^29.7.0",
- "@jest/types": "^29.6.3",
+ "@jest/console": "^29.7.0",
+ "@jest/reporters": "^29.7.0",
+ "@jest/test-result": "^29.7.0",
+ "@jest/transform": "^29.7.0",
+ "@jest/types": "^29.6.3",
+ "@types/node": "*",
+ "ansi-escapes": "^4.2.1",
+ "chalk": "^4.0.0",
+ "ci-info": "^3.2.0",
+ "exit": "^0.1.2",
+ "graceful-fs": "^4.2.9",
+ "jest-changed-files": "^29.7.0",
+ "jest-config": "^29.7.0",
+ "jest-haste-map": "^29.7.0",
+ "jest-message-util": "^29.7.0",
+ "jest-regex-util": "^29.6.3",
+ "jest-resolve": "^29.7.0",
+ "jest-resolve-dependencies": "^29.7.0",
+ "jest-runner": "^29.7.0",
+ "jest-runtime": "^29.7.0",
+ "jest-snapshot": "^29.7.0",
+ "jest-util": "^29.7.0",
+ "jest-validate": "^29.7.0",
+ "jest-watcher": "^29.7.0",
+ "micromatch": "^4.0.4",
+ "pretty-format": "^29.7.0",
+ "slash": "^3.0.0",
+ "strip-ansi": "^6.0.0"
+ },
+ "engines": {
+ "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+ },
+ "peerDependencies": {
+ "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0"
+ },
+ "peerDependenciesMeta": {
+ "node-notifier": {
+ "optional": true
+ }
+ }
+ },
+ "node_modules/@jest/core/node_modules/ansi-styles": {
+ "version": "4.3.0",
+ "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+ "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "color-convert": "^2.0.1"
+ },
+ "engines": {
+ "node": ">=8"
+ },
+ "funding": {
+ "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+ }
+ },
+ "node_modules/@jest/core/node_modules/chalk": {
+ "version": "4.1.2",
+ "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+ "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "ansi-styles": "^4.1.0",
+ "supports-color": "^7.1.0"
+ },
+ "engines": {
+ "node": ">=10"
+ },
+ "funding": {
+ "url": "https://github.com/chalk/chalk?sponsor=1"
+ }
+ },
+ "node_modules/@jest/core/node_modules/color-convert": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+ "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "color-name": "~1.1.4"
+ },
+ "engines": {
+ "node": ">=7.0.0"
+ }
+ },
+ "node_modules/@jest/core/node_modules/color-name": {
+ "version": "1.1.4",
+ "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+ "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+ "dev": true,
+ "license": "MIT"
+ },
+ "node_modules/@jest/core/node_modules/has-flag": {
+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+ "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=8"
+ }
+ },
+ "node_modules/@jest/core/node_modules/slash": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+ "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=8"
+ }
+ },
+ "node_modules/@jest/core/node_modules/supports-color": {
+ "version": "7.2.0",
+ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+ "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "has-flag": "^4.0.0"
+ },
+ "engines": {
+ "node": ">=8"
+ }
+ },
+ "node_modules/@jest/environment": {
+ "version": "29.7.0",
+ "resolved": "https://registry.npmjs.org/@jest/environment/-/environment-29.7.0.tgz",
+ "integrity": "sha512-aQIfHDq33ExsN4jP1NWGXhxgQ/wixs60gDiKO+XVMd8Mn0NWPWgc34ZQDTb2jKaUWQ7MuwoitXAsN2XVXNMpAw==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@jest/fake-timers": "^29.7.0",
+ "@jest/types": "^29.6.3",
"@types/node": "*",
"jest-mock": "^29.7.0"
},
@@ -4299,23 +4660,26 @@
"dev": true,
"license": "MIT"
},
- "node_modules/@ljharb/through": {
- "version": "2.3.13",
- "resolved": "https://registry.npmjs.org/@ljharb/through/-/through-2.3.13.tgz",
- "integrity": "sha512-/gKJun8NNiWGZJkGzI/Ragc53cOdcLNdzjLaIa+GEjguQs0ulsurx8WN0jijdK9yPqDvziX995sMRLyLt1uZMQ==",
+ "node_modules/@listr2/prompt-adapter-inquirer": {
+ "version": "2.0.13",
+ "resolved": "https://registry.npmjs.org/@listr2/prompt-adapter-inquirer/-/prompt-adapter-inquirer-2.0.13.tgz",
+ "integrity": "sha512-nAl6teTt7EWSjttNavAnv3uFR3w3vPP3OTYmHyPNHzKhAj2NoBDHmbS3MGpvvO8KXXPASnHjEGrrKrdKTMKPnQ==",
"dev": true,
"license": "MIT",
"dependencies": {
- "call-bind": "^1.0.7"
+ "@inquirer/type": "^1.3.3"
},
"engines": {
- "node": ">= 0.4"
+ "node": ">=18.0.0"
+ },
+ "peerDependencies": {
+ "@inquirer/prompts": ">= 3 < 6"
}
},
"node_modules/@lmdb/lmdb-darwin-arm64": {
- "version": "3.0.8",
- "resolved": "https://registry.npmjs.org/@lmdb/lmdb-darwin-arm64/-/lmdb-darwin-arm64-3.0.8.tgz",
- "integrity": "sha512-+lFwFvU+zQ9zVIFETNtmW++syh3Ps5JS8MPQ8zOYtQZoU+dTR8ivWHTaE2QVk1JG2payGDLUAvpndLAjGMdeeA==",
+ "version": "3.0.12",
+ "resolved": "https://registry.npmjs.org/@lmdb/lmdb-darwin-arm64/-/lmdb-darwin-arm64-3.0.12.tgz",
+ "integrity": "sha512-vgTwzNUD3Hy4aqtGhX2+nV/usI0mwy3hDRuTjs8VcK0BLiMVEpNQXgzwlWEgPmA8AAPloUgyOs2nK5clJF5oIg==",
"cpu": [
"arm64"
],
@@ -4327,9 +4691,9 @@
]
},
"node_modules/@lmdb/lmdb-darwin-x64": {
- "version": "3.0.8",
- "resolved": "https://registry.npmjs.org/@lmdb/lmdb-darwin-x64/-/lmdb-darwin-x64-3.0.8.tgz",
- "integrity": "sha512-T98rfsgfdQMS5/mqdsPb6oHSJ+iBYNa+PQDLtXLh6rzTEBsYP9x2uXxIj6VS4qXVDWXVi8rv85NCOG+UBOsHXQ==",
+ "version": "3.0.12",
+ "resolved": "https://registry.npmjs.org/@lmdb/lmdb-darwin-x64/-/lmdb-darwin-x64-3.0.12.tgz",
+ "integrity": "sha512-qOt0hAhj2ZLY6aEWu85rzt5zcyCAQITMhCMEPNlo1tuYekpVAdkQNiwXxEkCjBYvwTskvXuwXOOUpjuSc+aJnA==",
"cpu": [
"x64"
],
@@ -4341,9 +4705,9 @@
]
},
"node_modules/@lmdb/lmdb-linux-arm": {
- "version": "3.0.8",
- "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-arm/-/lmdb-linux-arm-3.0.8.tgz",
- "integrity": "sha512-gVNCi3bYWatdPMeFpFjuZl6bzVL55FkeZU3sPeU+NsMRXC+Zl3qOx3M6cM4OMlJWbhHjYjf2b8q83K0mczaiWQ==",
+ "version": "3.0.12",
+ "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-arm/-/lmdb-linux-arm-3.0.12.tgz",
+ "integrity": "sha512-Ggd/UXpE+alMncbELCXA3OKpDj9bDBR3qVO7WRTxstloDglRAHfZmUJgTkeaNKjFO1JHqS7AKy0jba9XebZB1w==",
"cpu": [
"arm"
],
@@ -4355,9 +4719,9 @@
]
},
"node_modules/@lmdb/lmdb-linux-arm64": {
- "version": "3.0.8",
- "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-arm64/-/lmdb-linux-arm64-3.0.8.tgz",
- "integrity": "sha512-uEBGCQIChsixpykL0pjCxfF64btv64vzsb1NoM5u0qvabKvKEvErhXGoqovyldDu9u1T/fswD8Kf6ih0vJEvDQ==",
+ "version": "3.0.12",
+ "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-arm64/-/lmdb-linux-arm64-3.0.12.tgz",
+ "integrity": "sha512-Qy4cFXFe9h1wAWMsojex8x1ifvw2kqiZv686YiRTdQEzAfc3vJASHFcD/QejHUCx7YHMYdnUoCS45rG2AiGDTQ==",
"cpu": [
"arm64"
],
@@ -4369,9 +4733,9 @@
]
},
"node_modules/@lmdb/lmdb-linux-x64": {
- "version": "3.0.8",
- "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-x64/-/lmdb-linux-x64-3.0.8.tgz",
- "integrity": "sha512-6v0B4sa9ulNezmDZtVpLjNHmA0qZzUl3001YJ2RF0naxsuv/Jq/xEwNYpOzfcdizHfpCE0oBkWzk/r+Slr+0zw==",
+ "version": "3.0.12",
+ "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-x64/-/lmdb-linux-x64-3.0.12.tgz",
+ "integrity": "sha512-c+noT9IofktxktFllKHFmci8ka2SYGSLN17pj/KSl1hg7mmfAiGp4xxFxEwMLTb+SX95vP1DFiR++1I3WLVxvA==",
"cpu": [
"x64"
],
@@ -4383,9 +4747,9 @@
]
},
"node_modules/@lmdb/lmdb-win32-x64": {
- "version": "3.0.8",
- "resolved": "https://registry.npmjs.org/@lmdb/lmdb-win32-x64/-/lmdb-win32-x64-3.0.8.tgz",
- "integrity": "sha512-lDLGRIMqdwYD39vinwNqqZUxCdL2m2iIdn+0HyQgIHEiT0g5rIAlzaMKzoGWon5NQumfxXFk9y0DarttkR7C1w==",
+ "version": "3.0.12",
+ "resolved": "https://registry.npmjs.org/@lmdb/lmdb-win32-x64/-/lmdb-win32-x64-3.0.12.tgz",
+ "integrity": "sha512-CO3MFV8gUx16NU/CyyuumAKblESwvoGVA2XhQKZ976OTOxaTbb8F8D3f0iiZ4MYqsN74jIrFuCmXpPnpjbhfOQ==",
"cpu": [
"x64"
],
@@ -5299,6 +5663,23 @@
"rxjs": "^6.5.3 || ^7.4.0"
}
},
+ "node_modules/@ngtools/webpack": {
+ "version": "18.1.0",
+ "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-18.1.0.tgz",
+ "integrity": "sha512-J4ATDGq0AubLbP3DOFRjp0pDBvSgzjtiu5l1hGq3xf6AzVAEmZFlp2Ac2EykuK2r8XDnCVoLrxICJOXZWWzP2g==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
+ "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+ "yarn": ">= 1.13.0"
+ },
+ "peerDependencies": {
+ "@angular/compiler-cli": "^18.0.0",
+ "typescript": ">=5.4 <5.6",
+ "webpack": "^5.54.0"
+ }
+ },
"node_modules/@nodelib/fs.scandir": {
"version": "2.1.5",
"resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -5991,15 +6372,15 @@
]
},
"node_modules/@schematics/angular": {
- "version": "18.0.7",
- "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-18.0.7.tgz",
- "integrity": "sha512-46jcRDnMYfnwN5CAXimbptbrBdLrNhG3NFGNT1B2O9DzmlXwLclK/z7lz/v70RcBNWMnOcnsYMFB4IbLhN/Fog==",
+ "version": "18.1.0",
+ "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-18.1.0.tgz",
+ "integrity": "sha512-k9Dy6JD7hqvCzDqnMjDm7J8H/P6m5mLuX2yEgQWKRAJ/YMINtBQAaKA1T9qXk97kEX6RNLpHMuDIsrIfK/H31Q==",
"dev": true,
"license": "MIT",
"dependencies": {
- "@angular-devkit/core": "18.0.7",
- "@angular-devkit/schematics": "18.0.7",
- "jsonc-parser": "3.2.1"
+ "@angular-devkit/core": "18.1.0",
+ "@angular-devkit/schematics": "18.1.0",
+ "jsonc-parser": "3.3.1"
},
"engines": {
"node": "^18.19.1 || ^20.11.1 || >=22.0.0",
@@ -6237,6 +6618,19 @@
"url": "https://github.com/sindresorhus/is?sponsor=1"
}
},
+ "node_modules/@sindresorhus/merge-streams": {
+ "version": "2.3.0",
+ "resolved": "https://registry.npmjs.org/@sindresorhus/merge-streams/-/merge-streams-2.3.0.tgz",
+ "integrity": "sha512-LtoMMhxAlorcGhmFYI+LhPgbPZCkgP6ra1YL604EeF6U98pLlQ3iWIGMdWSC+vWmPBWBNgmDBAhnAobLROJmwg==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=18"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/sindresorhus"
+ }
+ },
"node_modules/@sinonjs/commons": {
"version": "3.0.1",
"resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-3.0.1.tgz",
@@ -6762,6 +7156,12 @@
"@types/d3-selection": "*"
}
},
+ "node_modules/@types/dom-speech-recognition": {
+ "version": "0.0.1",
+ "resolved": "https://registry.npmjs.org/@types/dom-speech-recognition/-/dom-speech-recognition-0.0.1.tgz",
+ "integrity": "sha512-udCxb8DvjcDKfk1WTBzDsxFbLgYxmQGKrE/ricoMqHRNjSlSUCcamVTA5lIQqzY10mY5qCY0QDwBfFEwhfoDPw==",
+ "license": "MIT"
+ },
"node_modules/@types/eslint": {
"version": "8.56.10",
"resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.56.10.tgz",
@@ -6824,6 +7224,12 @@
"dev": true,
"license": "MIT"
},
+ "node_modules/@types/google.maps": {
+ "version": "3.55.11",
+ "resolved": "https://registry.npmjs.org/@types/google.maps/-/google.maps-3.55.11.tgz",
+ "integrity": "sha512-F3VuPtjKj4UGuyym75pqmgPBOHbT/i7I6/D+4DdtSzbeu2aWZG1ENwpbZOd46uO+PSAz9flJEhxxi+b4MVb4gQ==",
+ "license": "MIT"
+ },
"node_modules/@types/graceful-fs": {
"version": "4.1.9",
"resolved": "https://registry.npmjs.org/@types/graceful-fs/-/graceful-fs-4.1.9.tgz",
@@ -6834,6 +7240,12 @@
"@types/node": "*"
}
},
+ "node_modules/@types/hogan.js": {
+ "version": "3.0.5",
+ "resolved": "https://registry.npmjs.org/@types/hogan.js/-/hogan.js-3.0.5.tgz",
+ "integrity": "sha512-/uRaY3HGPWyLqOyhgvW9Aa43BNnLZrNeQxl2p8wqId4UHMfPKolSB+U7BlZyO1ng7MkLnyEAItsBzCG0SDhqrA==",
+ "license": "MIT"
+ },
"node_modules/@types/http-cache-semantics": {
"version": "4.0.4",
"resolved": "https://registry.npmjs.org/@types/http-cache-semantics/-/http-cache-semantics-4.0.4.tgz",
@@ -6915,10 +7327,20 @@
"dev": true,
"license": "MIT"
},
+ "node_modules/@types/mute-stream": {
+ "version": "0.0.4",
+ "resolved": "https://registry.npmjs.org/@types/mute-stream/-/mute-stream-0.0.4.tgz",
+ "integrity": "sha512-CPM9nzrCPPJHQNA9keH9CVkVI+WR5kMa+7XEs5jcGQ0VoAGnLv242w8lIVgwAEfmE4oufJRaTc9PNLQl0ioAow==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "@types/node": "*"
+ }
+ },
"node_modules/@types/node": {
- "version": "20.14.10",
- "resolved": "https://registry.npmjs.org/@types/node/-/node-20.14.10.tgz",
- "integrity": "sha512-MdiXf+nDuMvY0gJKxyfZ7/6UFsETO7mGKF54MVD/ekJS6HdFtpZFBgrh6Pseu64XTb2MLyFPlbW6hj8HYRQNOQ==",
+ "version": "20.14.11",
+ "resolved": "https://registry.npmjs.org/@types/node/-/node-20.14.11.tgz",
+ "integrity": "sha512-kprQpL8MMeszbz6ojB5/tU8PLN4kesnN8Gjzw349rDlNgsSzg90lAVj3llK99Dh7JON+t9AuscPPFW6mPbTnSA==",
"dev": true,
"license": "MIT",
"dependencies": {
@@ -6939,7 +7361,6 @@
"version": "6.9.15",
"resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.15.tgz",
"integrity": "sha512-uXHQKES6DQKKCLh441Xv/dwxOq1TVS3JPUMlEqoEglvlhR6Mxnlew/Xq/LRVHpLyk7iK3zODe1qYHIMltO7XGg==",
- "dev": true,
"license": "MIT"
},
"node_modules/@types/range-parser": {
@@ -7019,6 +7440,13 @@
"dev": true,
"license": "MIT"
},
+ "node_modules/@types/wrap-ansi": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/@types/wrap-ansi/-/wrap-ansi-3.0.0.tgz",
+ "integrity": "sha512-ltIpx+kM7g/MLRZfkbL7EsCEjfzCcScLpkg37eXEtx5kmrAKBkTJwd1GIAjDSL8wTpM6Hzn5YO4pSb91BEwu1g==",
+ "dev": true,
+ "license": "MIT"
+ },
"node_modules/@types/ws": {
"version": "8.5.10",
"resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.10.tgz",
@@ -7278,10 +7706,10 @@
"node": ">=0.4.0"
}
},
- "node_modules/acorn-import-assertions": {
- "version": "1.9.0",
- "resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.9.0.tgz",
- "integrity": "sha512-cmMwop9x+8KFhxvKrKfPYmN6/pKTYYHBqLa0DfvVZcKMJWNyWLnaqND7dx/qn66R7ewM1UX5XMaDVP5wlVTaVA==",
+ "node_modules/acorn-import-attributes": {
+ "version": "1.9.5",
+ "resolved": "https://registry.npmjs.org/acorn-import-attributes/-/acorn-import-attributes-1.9.5.tgz",
+ "integrity": "sha512-n02Vykv5uA3eHGM/Z2dQrcD56kL8TyDb2p1+0P83PClMnC/nc+anbQRhIOWnSq4Ke/KvDPrY3C9hDtC/A3eHnQ==",
"dev": true,
"license": "MIT",
"peerDependencies": {
@@ -7356,9 +7784,9 @@
}
},
"node_modules/ajv": {
- "version": "8.13.0",
- "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.13.0.tgz",
- "integrity": "sha512-PRA911Blj99jR5RMeTunVbNXMF6Lp4vZXnk5GQjcnUWUTsrXtekg/pnmFFI2u/I36Y/2bITGS30GZCXei6uNkA==",
+ "version": "8.16.0",
+ "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.16.0.tgz",
+ "integrity": "sha512-F0twR8U1ZU67JIEtekUcLkXkoO5mMMmgGD8sK/xUFzJ805jxHQl92hImFAqqXMyMYjSPOyUPAwHYhB72g5sTXw==",
"dev": true,
"license": "MIT",
"dependencies": {
@@ -7403,6 +7831,41 @@
"ajv": "^8.8.2"
}
},
+ "node_modules/algoliasearch": {
+ "version": "4.24.0",
+ "resolved": "https://registry.npmjs.org/algoliasearch/-/algoliasearch-4.24.0.tgz",
+ "integrity": "sha512-bf0QV/9jVejssFBmz2HQLxUadxk574t4iwjCKp5E7NBzwKkrDEhKPISIIjAU/p6K5qDx3qoeh4+26zWN1jmw3g==",
+ "license": "MIT",
+ "dependencies": {
+ "@algolia/cache-browser-local-storage": "4.24.0",
+ "@algolia/cache-common": "4.24.0",
+ "@algolia/cache-in-memory": "4.24.0",
+ "@algolia/client-account": "4.24.0",
+ "@algolia/client-analytics": "4.24.0",
+ "@algolia/client-common": "4.24.0",
+ "@algolia/client-personalization": "4.24.0",
+ "@algolia/client-search": "4.24.0",
+ "@algolia/logger-common": "4.24.0",
+ "@algolia/logger-console": "4.24.0",
+ "@algolia/recommend": "4.24.0",
+ "@algolia/requester-browser-xhr": "4.24.0",
+ "@algolia/requester-common": "4.24.0",
+ "@algolia/requester-node-http": "4.24.0",
+ "@algolia/transporter": "4.24.0"
+ }
+ },
+ "node_modules/algoliasearch-helper": {
+ "version": "3.22.3",
+ "resolved": "https://registry.npmjs.org/algoliasearch-helper/-/algoliasearch-helper-3.22.3.tgz",
+ "integrity": "sha512-2eoEz8mG4KHE+DzfrBTrCmDPxVXv7aZZWPojAJFtARpxxMO6lkos1dJ+XDCXdPvq7q3tpYWRi6xXmVQikejtpA==",
+ "license": "MIT",
+ "dependencies": {
+ "@algolia/events": "^4.0.1"
+ },
+ "peerDependencies": {
+ "algoliasearch": ">= 3.1 < 6"
+ }
+ },
"node_modules/angular-auth-oidc-client": {
"version": "18.0.1",
"resolved": "https://registry.npmjs.org/angular-auth-oidc-client/-/angular-auth-oidc-client-18.0.1.tgz",
@@ -8795,6 +9258,77 @@
"@colors/colors": "1.5.0"
}
},
+ "node_modules/cli-truncate": {
+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/cli-truncate/-/cli-truncate-4.0.0.tgz",
+ "integrity": "sha512-nPdaFdQ0h/GEigbPClz11D0v/ZJEwxmeVZGeMo3Z5StPtUTkA9o1lD6QwoirYiSDzbcwn2XcjwmCp68W1IS4TA==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "slice-ansi": "^5.0.0",
+ "string-width": "^7.0.0"
+ },
+ "engines": {
+ "node": ">=18"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/sindresorhus"
+ }
+ },
+ "node_modules/cli-truncate/node_modules/ansi-regex": {
+ "version": "6.0.1",
+ "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
+ "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=12"
+ },
+ "funding": {
+ "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+ }
+ },
+ "node_modules/cli-truncate/node_modules/emoji-regex": {
+ "version": "10.3.0",
+ "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.3.0.tgz",
+ "integrity": "sha512-QpLs9D9v9kArv4lfDEgg1X/gN5XLnf/A6l9cs8SPZLRZR3ZkY9+kwIQTxm+fsSej5UMYGE8fdoaZVIBlqG0XTw==",
+ "dev": true,
+ "license": "MIT"
+ },
+ "node_modules/cli-truncate/node_modules/string-width": {
+ "version": "7.2.0",
+ "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz",
+ "integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "emoji-regex": "^10.3.0",
+ "get-east-asian-width": "^1.0.0",
+ "strip-ansi": "^7.1.0"
+ },
+ "engines": {
+ "node": ">=18"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/sindresorhus"
+ }
+ },
+ "node_modules/cli-truncate/node_modules/strip-ansi": {
+ "version": "7.1.0",
+ "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+ "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "ansi-regex": "^6.0.1"
+ },
+ "engines": {
+ "node": ">=12"
+ },
+ "funding": {
+ "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+ }
+ },
"node_modules/cli-width": {
"version": "4.1.0",
"resolved": "https://registry.npmjs.org/cli-width/-/cli-width-4.1.0.tgz",
@@ -9202,21 +9736,21 @@
}
},
"node_modules/copy-webpack-plugin": {
- "version": "11.0.0",
- "resolved": "https://registry.npmjs.org/copy-webpack-plugin/-/copy-webpack-plugin-11.0.0.tgz",
- "integrity": "sha512-fX2MWpamkW0hZxMEg0+mYnA40LTosOSa5TqZ9GYIBzyJa9C3QUaMPSE2xAi/buNr8u89SfD9wHSQVBzrRa/SOQ==",
+ "version": "12.0.2",
+ "resolved": "https://registry.npmjs.org/copy-webpack-plugin/-/copy-webpack-plugin-12.0.2.tgz",
+ "integrity": "sha512-SNwdBeHyII+rWvee/bTnAYyO8vfVdcSTud4EIb6jcZ8inLeWucJE0DnxXQBjlQ5zlteuuvooGQy3LIyGxhvlOA==",
"dev": true,
"license": "MIT",
"dependencies": {
- "fast-glob": "^3.2.11",
+ "fast-glob": "^3.3.2",
"glob-parent": "^6.0.1",
- "globby": "^13.1.1",
+ "globby": "^14.0.0",
"normalize-path": "^3.0.0",
- "schema-utils": "^4.0.0",
- "serialize-javascript": "^6.0.0"
+ "schema-utils": "^4.2.0",
+ "serialize-javascript": "^6.0.2"
},
"engines": {
- "node": ">= 14.15.0"
+ "node": ">= 18.12.0"
},
"funding": {
"type": "opencollective",
@@ -9444,9 +9978,9 @@
}
},
"node_modules/critters": {
- "version": "0.0.22",
- "resolved": "https://registry.npmjs.org/critters/-/critters-0.0.22.tgz",
- "integrity": "sha512-NU7DEcQZM2Dy8XTKFHxtdnIM/drE312j2T4PCVaSUcS0oBeyT/NImpRw/Ap0zOr/1SE7SgPK9tGPg1WK/sVakw==",
+ "version": "0.0.24",
+ "resolved": "https://registry.npmjs.org/critters/-/critters-0.0.24.tgz",
+ "integrity": "sha512-Oyqew0FGM0wYUSNqR0L6AteO5MpMoUU0rhKRieXeiKs+PmRTxiJMyaunYB2KF6fQ3dzChXKCpbFOEJx3OQ1v/Q==",
"dev": true,
"license": "Apache-2.0",
"dependencies": {
@@ -9577,9 +10111,9 @@
}
},
"node_modules/css-loader": {
- "version": "7.1.1",
- "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-7.1.1.tgz",
- "integrity": "sha512-OxIR5P2mjO1PSXk44bWuQ8XtMK4dpEqpIyERCx3ewOo3I8EmbcxMPUc5ScLtQfgXtOojoMv57So4V/C02HQLsw==",
+ "version": "7.1.2",
+ "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-7.1.2.tgz",
+ "integrity": "sha512-6WvYYn7l/XEGN8Xu2vWFt9nVzrCn39vKyTEFf/ExEyoksJjjSZV/0/35XPlMbpnr6VGhZIUg5yJrL8tGfes/FA==",
"dev": true,
"license": "MIT",
"dependencies": {
@@ -10107,13 +10641,16 @@
}
},
"node_modules/define-lazy-prop": {
- "version": "2.0.0",
- "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz",
- "integrity": "sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==",
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-3.0.0.tgz",
+ "integrity": "sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==",
"dev": true,
"license": "MIT",
"engines": {
- "node": ">=8"
+ "node": ">=12"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/sindresorhus"
}
},
"node_modules/delegates": {
@@ -10579,9 +11116,9 @@
"license": "MIT"
},
"node_modules/esbuild": {
- "version": "0.21.3",
- "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.3.tgz",
- "integrity": "sha512-Kgq0/ZsAPzKrbOjCQcjoSmPoWhlcVnGAUo7jvaLHoxW1Drto0KGkR1xBNg2Cp43b9ImvxmPEJZ9xkfcnqPsfBw==",
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
+ "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
"dev": true,
"hasInstallScript": true,
"license": "MIT",
@@ -10592,35 +11129,35 @@
"node": ">=12"
},
"optionalDependencies": {
- "@esbuild/aix-ppc64": "0.21.3",
- "@esbuild/android-arm": "0.21.3",
- "@esbuild/android-arm64": "0.21.3",
- "@esbuild/android-x64": "0.21.3",
- "@esbuild/darwin-arm64": "0.21.3",
- "@esbuild/darwin-x64": "0.21.3",
- "@esbuild/freebsd-arm64": "0.21.3",
- "@esbuild/freebsd-x64": "0.21.3",
- "@esbuild/linux-arm": "0.21.3",
- "@esbuild/linux-arm64": "0.21.3",
- "@esbuild/linux-ia32": "0.21.3",
- "@esbuild/linux-loong64": "0.21.3",
- "@esbuild/linux-mips64el": "0.21.3",
- "@esbuild/linux-ppc64": "0.21.3",
- "@esbuild/linux-riscv64": "0.21.3",
- "@esbuild/linux-s390x": "0.21.3",
- "@esbuild/linux-x64": "0.21.3",
- "@esbuild/netbsd-x64": "0.21.3",
- "@esbuild/openbsd-x64": "0.21.3",
- "@esbuild/sunos-x64": "0.21.3",
- "@esbuild/win32-arm64": "0.21.3",
- "@esbuild/win32-ia32": "0.21.3",
- "@esbuild/win32-x64": "0.21.3"
+ "@esbuild/aix-ppc64": "0.21.5",
+ "@esbuild/android-arm": "0.21.5",
+ "@esbuild/android-arm64": "0.21.5",
+ "@esbuild/android-x64": "0.21.5",
+ "@esbuild/darwin-arm64": "0.21.5",
+ "@esbuild/darwin-x64": "0.21.5",
+ "@esbuild/freebsd-arm64": "0.21.5",
+ "@esbuild/freebsd-x64": "0.21.5",
+ "@esbuild/linux-arm": "0.21.5",
+ "@esbuild/linux-arm64": "0.21.5",
+ "@esbuild/linux-ia32": "0.21.5",
+ "@esbuild/linux-loong64": "0.21.5",
+ "@esbuild/linux-mips64el": "0.21.5",
+ "@esbuild/linux-ppc64": "0.21.5",
+ "@esbuild/linux-riscv64": "0.21.5",
+ "@esbuild/linux-s390x": "0.21.5",
+ "@esbuild/linux-x64": "0.21.5",
+ "@esbuild/netbsd-x64": "0.21.5",
+ "@esbuild/openbsd-x64": "0.21.5",
+ "@esbuild/sunos-x64": "0.21.5",
+ "@esbuild/win32-arm64": "0.21.5",
+ "@esbuild/win32-ia32": "0.21.5",
+ "@esbuild/win32-x64": "0.21.5"
}
},
"node_modules/esbuild-wasm": {
- "version": "0.21.3",
- "resolved": "https://registry.npmjs.org/esbuild-wasm/-/esbuild-wasm-0.21.3.tgz",
- "integrity": "sha512-DMOV+eeVra0yVq3XIojfczdEQsz+RiFnpEj7lqs8Gux9mlTpN7yIbw0a4KzLspn0Uhw6UVEH3nUAidSqc/rcQg==",
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/esbuild-wasm/-/esbuild-wasm-0.21.5.tgz",
+ "integrity": "sha512-L/FlOPMMFtw+6qPAbuPvJXdrOYOp9yx/PEwSrIZW0qghY4vgV003evdYDwqQ/9ENMQI0B6RMod9xT4FHtto6OQ==",
"dev": true,
"license": "MIT",
"bin": {
@@ -11404,6 +11941,19 @@
"node": "6.* || 8.* || >= 10.*"
}
},
+ "node_modules/get-east-asian-width": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/get-east-asian-width/-/get-east-asian-width-1.2.0.tgz",
+ "integrity": "sha512-2nk+7SIVb14QrgXFHcm84tD4bKQz0RxPuMT8Ag5KPOq7J5fEmAg0UbXdTOSHqNuHSU28k55qnceesxXRZGzKWA==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=18"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/sindresorhus"
+ }
+ },
"node_modules/get-intrinsic": {
"version": "1.2.4",
"resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz",
@@ -11532,20 +12082,34 @@
}
},
"node_modules/globby": {
- "version": "13.2.2",
- "resolved": "https://registry.npmjs.org/globby/-/globby-13.2.2.tgz",
- "integrity": "sha512-Y1zNGV+pzQdh7H39l9zgB4PJqjRNqydvdYCDG4HFXM4XuvSaQQlEc91IU1yALL8gUTDomgBAfz3XJdmUS+oo0w==",
+ "version": "14.0.2",
+ "resolved": "https://registry.npmjs.org/globby/-/globby-14.0.2.tgz",
+ "integrity": "sha512-s3Fq41ZVh7vbbe2PN3nrW7yC7U7MFVc5c98/iTl9c2GawNMKx/J648KQRW6WKkuU8GIbbh2IXfIRQjOZnXcTnw==",
"dev": true,
"license": "MIT",
"dependencies": {
- "dir-glob": "^3.0.1",
- "fast-glob": "^3.3.0",
+ "@sindresorhus/merge-streams": "^2.1.0",
+ "fast-glob": "^3.3.2",
"ignore": "^5.2.4",
- "merge2": "^1.4.1",
- "slash": "^4.0.0"
+ "path-type": "^5.0.0",
+ "slash": "^5.1.0",
+ "unicorn-magic": "^0.1.0"
},
"engines": {
- "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+ "node": ">=18"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/sindresorhus"
+ }
+ },
+ "node_modules/globby/node_modules/path-type": {
+ "version": "5.0.0",
+ "resolved": "https://registry.npmjs.org/path-type/-/path-type-5.0.0.tgz",
+ "integrity": "sha512-5HviZNaZcfqP95rwpv+1HDgUamezbqdSYTyzjTvwtJSnIH+3vnbmWsItli8OFEndS984VT55M3jduxZbX351gg==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=12"
},
"funding": {
"url": "https://github.com/sponsors/sindresorhus"
@@ -11680,6 +12244,49 @@
"node": ">= 0.4"
}
},
+ "node_modules/hogan.js": {
+ "version": "3.0.2",
+ "resolved": "https://registry.npmjs.org/hogan.js/-/hogan.js-3.0.2.tgz",
+ "integrity": "sha512-RqGs4wavGYJWE07t35JQccByczmNUXQT0E12ZYV1VKYu5UiAU9lsos/yBAcf840+zrUQQxgVduCR5/B8nNtibg==",
+ "dependencies": {
+ "mkdirp": "0.3.0",
+ "nopt": "1.0.10"
+ },
+ "bin": {
+ "hulk": "bin/hulk"
+ }
+ },
+ "node_modules/hogan.js/node_modules/abbrev": {
+ "version": "1.1.1",
+ "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
+ "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==",
+ "license": "ISC"
+ },
+ "node_modules/hogan.js/node_modules/mkdirp": {
+ "version": "0.3.0",
+ "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.3.0.tgz",
+ "integrity": "sha512-OHsdUcVAQ6pOtg5JYWpCBo9W/GySVuwvP9hueRMW7UqshC0tbfzLv8wjySTPm3tfUZ/21CE9E1pJagOA91Pxew==",
+ "deprecated": "Legacy versions of mkdirp are no longer supported. Please update to mkdirp 1.x. (Note that the API surface has changed to use Promises in 1.x.)",
+ "license": "MIT/X11",
+ "engines": {
+ "node": "*"
+ }
+ },
+ "node_modules/hogan.js/node_modules/nopt": {
+ "version": "1.0.10",
+ "resolved": "https://registry.npmjs.org/nopt/-/nopt-1.0.10.tgz",
+ "integrity": "sha512-NWmpvLSqUrgrAC9HCuxEvb+PSloHpqVu+FqcO4eeF2h5qYRhA7ev6KvelyQAKtegUbC6RypJnlEOhd8vloNKYg==",
+ "license": "MIT",
+ "dependencies": {
+ "abbrev": "1"
+ },
+ "bin": {
+ "nopt": "bin/nopt.js"
+ },
+ "engines": {
+ "node": "*"
+ }
+ },
"node_modules/hosted-git-info": {
"version": "5.2.1",
"resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-5.2.1.tgz",
@@ -11747,6 +12354,12 @@
"safe-buffer": "~5.1.0"
}
},
+ "node_modules/htm": {
+ "version": "3.1.1",
+ "resolved": "https://registry.npmjs.org/htm/-/htm-3.1.1.tgz",
+ "integrity": "sha512-983Vyg8NwUE7JkZ6NmOqpCZ+sh1bKv2iYTlUkzlWmA5JD2acKoxd4KVxbMmxX/85mtfdnDmTFoNKcg5DGAvxNQ==",
+ "license": "Apache-2.0"
+ },
"node_modules/html-entities": {
"version": "2.5.2",
"resolved": "https://registry.npmjs.org/html-entities/-/html-entities-2.5.2.tgz",
@@ -11911,9 +12524,9 @@
}
},
"node_modules/https-proxy-agent": {
- "version": "7.0.4",
- "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.4.tgz",
- "integrity": "sha512-wlwpilI7YdjSkWaQ/7omYBMTliDcmCN8OLihO6I9B86g06lMyAoqgoDpV0XqoaPOKj+0DIdAvnsWfyAAhmimcg==",
+ "version": "7.0.5",
+ "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.5.tgz",
+ "integrity": "sha512-1e4Wqeblerz+tMKPIq2EMGiiWW1dIjZOksyHWSUm1rmuvw/how9hBHZ38lAGj5ID4Ik6EdkOw7NmWPy6LAwalw==",
"dev": true,
"license": "MIT",
"dependencies": {
@@ -12182,52 +12795,56 @@
"license": "ISC"
},
"node_modules/ini": {
- "version": "4.1.2",
- "resolved": "https://registry.npmjs.org/ini/-/ini-4.1.2.tgz",
- "integrity": "sha512-AMB1mvwR1pyBFY/nSevUX6y8nJWS63/SzUKD3JyQn97s4xgIdgQPT75IRouIiBAN4yLQBUShNYVW0+UG25daCw==",
+ "version": "4.1.3",
+ "resolved": "https://registry.npmjs.org/ini/-/ini-4.1.3.tgz",
+ "integrity": "sha512-X7rqawQBvfdjS10YU1y1YVreA3SsLrW9dX2CewP2EbBJM4ypVNLDkO5y04gejPwKIY9lR+7r9gn3rFPt/kmWFg==",
"license": "ISC",
"engines": {
"node": "^14.17.0 || ^16.13.0 || >=18.0.0"
}
},
- "node_modules/inquirer": {
- "version": "9.2.22",
- "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-9.2.22.tgz",
- "integrity": "sha512-SqLLa/Oe5rZUagTR9z+Zd6izyatHglbmbvVofo1KzuVB54YHleWzeHNLoR7FOICGOeQSqeLh1cordb3MzhGcEw==",
- "dev": true,
+ "node_modules/instantsearch-ui-components": {
+ "version": "0.7.0",
+ "resolved": "https://registry.npmjs.org/instantsearch-ui-components/-/instantsearch-ui-components-0.7.0.tgz",
+ "integrity": "sha512-4dHmCFbKWap5iSR2VmF5pSBECGQbAa8sPMoazMihYY2/0ahVzdHrOOtT8/hferG1A/xTT8nzfU7PIg+8lomNsA==",
"license": "MIT",
"dependencies": {
- "@inquirer/figures": "^1.0.2",
- "@ljharb/through": "^2.3.13",
- "ansi-escapes": "^4.3.2",
- "chalk": "^5.3.0",
- "cli-cursor": "^3.1.0",
- "cli-width": "^4.1.0",
- "external-editor": "^3.1.0",
- "lodash": "^4.17.21",
- "mute-stream": "1.0.0",
- "ora": "^5.4.1",
- "run-async": "^3.0.0",
- "rxjs": "^7.8.1",
- "string-width": "^4.2.3",
- "strip-ansi": "^6.0.1",
- "wrap-ansi": "^6.2.0"
- },
- "engines": {
- "node": ">=18"
+ "@babel/runtime": "^7.1.2"
}
},
- "node_modules/inquirer/node_modules/chalk": {
- "version": "5.3.0",
- "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.3.0.tgz",
- "integrity": "sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==",
- "dev": true,
+ "node_modules/instantsearch.js": {
+ "version": "4.73.2",
+ "resolved": "https://registry.npmjs.org/instantsearch.js/-/instantsearch.js-4.73.2.tgz",
+ "integrity": "sha512-96S6wKh7TVXbmnliESPphPHrcpQ6BiJvVqgnS6lZmHI72sLKgadIwuBXCo1cIFIU5LaCH77ydCUCo2BO5HmX9w==",
"license": "MIT",
+ "dependencies": {
+ "@algolia/events": "^4.0.1",
+ "@types/dom-speech-recognition": "^0.0.1",
+ "@types/google.maps": "^3.45.3",
+ "@types/hogan.js": "^3.0.0",
+ "@types/qs": "^6.5.3",
+ "algoliasearch-helper": "3.22.3",
+ "hogan.js": "^3.0.2",
+ "htm": "^3.0.0",
+ "instantsearch-ui-components": "0.7.0",
+ "preact": "^10.10.0",
+ "qs": "^6.5.1 < 6.10",
+ "search-insights": "^2.15.0"
+ },
+ "peerDependencies": {
+ "algoliasearch": ">= 3.1 < 6"
+ }
+ },
+ "node_modules/instantsearch.js/node_modules/qs": {
+ "version": "6.9.7",
+ "resolved": "https://registry.npmjs.org/qs/-/qs-6.9.7.tgz",
+ "integrity": "sha512-IhMFgUmuNpyRfxA90umL7ByLlgRXu6tIfKPpF5TmcfRLlLCckfP/g3IQmju6jjpu+Hh8rA+2p6A27ZSPOOHdKw==",
+ "license": "BSD-3-Clause",
"engines": {
- "node": "^12.17.0 || ^14.13 || >=16.0.0"
+ "node": ">=0.6"
},
"funding": {
- "url": "https://github.com/chalk/chalk?sponsor=1"
+ "url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/internmap": {
@@ -12315,16 +12932,16 @@
}
},
"node_modules/is-docker": {
- "version": "2.2.1",
- "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
- "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==",
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-3.0.0.tgz",
+ "integrity": "sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==",
"dev": true,
"license": "MIT",
"bin": {
"is-docker": "cli.js"
},
"engines": {
- "node": ">=8"
+ "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
},
"funding": {
"url": "https://github.com/sponsors/sindresorhus"
@@ -12389,22 +13006,6 @@
"url": "https://github.com/sponsors/sindresorhus"
}
},
- "node_modules/is-inside-container/node_modules/is-docker": {
- "version": "3.0.0",
- "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-3.0.0.tgz",
- "integrity": "sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==",
- "dev": true,
- "license": "MIT",
- "bin": {
- "is-docker": "cli.js"
- },
- "engines": {
- "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
- },
- "funding": {
- "url": "https://github.com/sponsors/sindresorhus"
- }
- },
"node_modules/is-installed-globally": {
"version": "0.4.0",
"resolved": "https://registry.npmjs.org/is-installed-globally/-/is-installed-globally-0.4.0.tgz",
@@ -12555,16 +13156,19 @@
"license": "MIT"
},
"node_modules/is-wsl": {
- "version": "2.2.0",
- "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
- "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
+ "version": "3.1.0",
+ "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-3.1.0.tgz",
+ "integrity": "sha512-UcVfVfaK4Sc4m7X3dUSoHoozQGBEFeDC+zVo06t98xe8CzHSZZBekNXH+tu0NalHolcJ/QAGqS46Hef7QXBIMw==",
"dev": true,
"license": "MIT",
"dependencies": {
- "is-docker": "^2.0.0"
+ "is-inside-container": "^1.0.0"
},
"engines": {
- "node": ">=8"
+ "node": ">=16"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/sindresorhus"
}
},
"node_modules/is-yarn-global": {
@@ -14579,9 +15183,9 @@
}
},
"node_modules/jsonc-parser": {
- "version": "3.2.1",
- "resolved": "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-3.2.1.tgz",
- "integrity": "sha512-AilxAyFOAcK5wA1+LeaySVBrHsGQvUFCDWXKpZjzaL0PqW+xfBOttn8GNtWKFWqneyMZj41MWF9Kl6iPWLwgOA==",
+ "version": "3.3.1",
+ "resolved": "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-3.3.1.tgz",
+ "integrity": "sha512-HUgH65KyejrUFPvHFPbqOY0rsFip3Bo5wb4ngvdi1EpCYWUQDC5V+Y7mZws+DLkr4M//zQJoanu1SP+87Dv1oQ==",
"dev": true,
"license": "MIT"
},
@@ -15204,17 +15808,127 @@
"integrity": "sha512-3mk/Zag0+IJxeDrxSgaDPy4zZ3w05PRZeJNnlWhzFz5OkX49J4krc+A8X2d2M69vGMBEX0uyl8M+W+8gH+kBqQ==",
"license": "ISC"
},
+ "node_modules/listr2": {
+ "version": "8.2.3",
+ "resolved": "https://registry.npmjs.org/listr2/-/listr2-8.2.3.tgz",
+ "integrity": "sha512-Lllokma2mtoniUOS94CcOErHWAug5iu7HOmDrvWgpw8jyQH2fomgB+7lZS4HWZxytUuQwkGOwe49FvwVaA85Xw==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "cli-truncate": "^4.0.0",
+ "colorette": "^2.0.20",
+ "eventemitter3": "^5.0.1",
+ "log-update": "^6.0.0",
+ "rfdc": "^1.4.1",
+ "wrap-ansi": "^9.0.0"
+ },
+ "engines": {
+ "node": ">=18.0.0"
+ }
+ },
+ "node_modules/listr2/node_modules/ansi-regex": {
+ "version": "6.0.1",
+ "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
+ "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=12"
+ },
+ "funding": {
+ "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+ }
+ },
+ "node_modules/listr2/node_modules/ansi-styles": {
+ "version": "6.2.1",
+ "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
+ "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=12"
+ },
+ "funding": {
+ "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+ }
+ },
+ "node_modules/listr2/node_modules/emoji-regex": {
+ "version": "10.3.0",
+ "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.3.0.tgz",
+ "integrity": "sha512-QpLs9D9v9kArv4lfDEgg1X/gN5XLnf/A6l9cs8SPZLRZR3ZkY9+kwIQTxm+fsSej5UMYGE8fdoaZVIBlqG0XTw==",
+ "dev": true,
+ "license": "MIT"
+ },
+ "node_modules/listr2/node_modules/eventemitter3": {
+ "version": "5.0.1",
+ "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.1.tgz",
+ "integrity": "sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==",
+ "dev": true,
+ "license": "MIT"
+ },
+ "node_modules/listr2/node_modules/string-width": {
+ "version": "7.2.0",
+ "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz",
+ "integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "emoji-regex": "^10.3.0",
+ "get-east-asian-width": "^1.0.0",
+ "strip-ansi": "^7.1.0"
+ },
+ "engines": {
+ "node": ">=18"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/sindresorhus"
+ }
+ },
+ "node_modules/listr2/node_modules/strip-ansi": {
+ "version": "7.1.0",
+ "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+ "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "ansi-regex": "^6.0.1"
+ },
+ "engines": {
+ "node": ">=12"
+ },
+ "funding": {
+ "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+ }
+ },
+ "node_modules/listr2/node_modules/wrap-ansi": {
+ "version": "9.0.0",
+ "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-9.0.0.tgz",
+ "integrity": "sha512-G8ura3S+3Z2G+mkgNRq8dqaFZAuxfsxpBB8OCTGRTCtp+l/v9nbFNmCUP1BZMts3G1142MsZfn6eeUKrr4PD1Q==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "ansi-styles": "^6.2.1",
+ "string-width": "^7.0.0",
+ "strip-ansi": "^7.1.0"
+ },
+ "engines": {
+ "node": ">=18"
+ },
+ "funding": {
+ "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+ }
+ },
"node_modules/lmdb": {
- "version": "3.0.8",
- "resolved": "https://registry.npmjs.org/lmdb/-/lmdb-3.0.8.tgz",
- "integrity": "sha512-9rp8JT4jPhCRJUL7vRARa2N06OLSYzLwQsEkhC6Qu5XbcLyM/XBLMzDlgS/K7l7c5CdURLdDk9uE+hPFIogHTQ==",
+ "version": "3.0.12",
+ "resolved": "https://registry.npmjs.org/lmdb/-/lmdb-3.0.12.tgz",
+ "integrity": "sha512-JnoEulTgveoC64vlYJ9sufGLuNkk6TcxSYpKxSC9aM42I61jIv3pQH0fgb6qW7HV0+FNqA3g1WCQQYfhfawGoQ==",
"dev": true,
"hasInstallScript": true,
"license": "MIT",
"dependencies": {
- "msgpackr": "^1.9.9",
+ "msgpackr": "^1.10.2",
"node-addon-api": "^6.1.0",
- "node-gyp-build-optional-packages": "5.1.1",
+ "node-gyp-build-optional-packages": "5.2.2",
"ordered-binary": "^1.4.1",
"weak-lru-cache": "^1.2.2"
},
@@ -15222,12 +15936,12 @@
"download-lmdb-prebuilds": "bin/download-prebuilds.js"
},
"optionalDependencies": {
- "@lmdb/lmdb-darwin-arm64": "3.0.8",
- "@lmdb/lmdb-darwin-x64": "3.0.8",
- "@lmdb/lmdb-linux-arm": "3.0.8",
- "@lmdb/lmdb-linux-arm64": "3.0.8",
- "@lmdb/lmdb-linux-x64": "3.0.8",
- "@lmdb/lmdb-win32-x64": "3.0.8"
+ "@lmdb/lmdb-darwin-arm64": "3.0.12",
+ "@lmdb/lmdb-darwin-x64": "3.0.12",
+ "@lmdb/lmdb-linux-arm": "3.0.12",
+ "@lmdb/lmdb-linux-arm64": "3.0.12",
+ "@lmdb/lmdb-linux-x64": "3.0.12",
+ "@lmdb/lmdb-win32-x64": "3.0.12"
}
},
"node_modules/loader-runner": {
@@ -15241,9 +15955,9 @@
}
},
"node_modules/loader-utils": {
- "version": "3.2.1",
- "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-3.2.1.tgz",
- "integrity": "sha512-ZvFw1KWS3GVyYBYb7qkmRM/WwL2TQQBxgCK62rlvm4WpVQ23Nb4tYjApUlfjrEGvOs7KHEsmyUn75OHZrJMWPw==",
+ "version": "3.3.1",
+ "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-3.3.1.tgz",
+ "integrity": "sha512-FMJTLMXfCLMLfJxcX9PFqX5qD88Z5MRGaZCVzfuqeZSPsyiBzs+pahDQjbIWz2QIzPZz0NX9Zy4FX3lmK6YHIg==",
"dev": true,
"license": "MIT",
"engines": {
@@ -15483,51 +16197,235 @@
"node": ">=8"
}
},
- "node_modules/log4js": {
- "version": "6.9.1",
- "resolved": "https://registry.npmjs.org/log4js/-/log4js-6.9.1.tgz",
- "integrity": "sha512-1somDdy9sChrr9/f4UlzhdaGfDR2c/SaD2a4T7qEkG4jTS57/B3qmnjLYePwQ8cqWnUHZI0iAKxMBpCZICiZ2g==",
+ "node_modules/log-update": {
+ "version": "6.0.0",
+ "resolved": "https://registry.npmjs.org/log-update/-/log-update-6.0.0.tgz",
+ "integrity": "sha512-niTvB4gqvtof056rRIrTZvjNYE4rCUzO6X/X+kYjd7WFxXeJ0NwEFnRxX6ehkvv3jTwrXnNdtAak5XYZuIyPFw==",
"dev": true,
- "license": "Apache-2.0",
+ "license": "MIT",
"dependencies": {
- "date-format": "^4.0.14",
- "debug": "^4.3.4",
- "flatted": "^3.2.7",
- "rfdc": "^1.3.0",
- "streamroller": "^3.1.5"
+ "ansi-escapes": "^6.2.0",
+ "cli-cursor": "^4.0.0",
+ "slice-ansi": "^7.0.0",
+ "strip-ansi": "^7.1.0",
+ "wrap-ansi": "^9.0.0"
},
"engines": {
- "node": ">=8.0"
+ "node": ">=18"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/sindresorhus"
}
},
- "node_modules/lowercase-keys": {
- "version": "3.0.0",
- "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-3.0.0.tgz",
- "integrity": "sha512-ozCC6gdQ+glXOQsveKD0YsDy8DSQFjDTz4zyzEHNV5+JP5D62LmfDZ6o1cycFx9ouG940M5dE8C8CTewdj2YWQ==",
+ "node_modules/log-update/node_modules/ansi-escapes": {
+ "version": "6.2.1",
+ "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-6.2.1.tgz",
+ "integrity": "sha512-4nJ3yixlEthEJ9Rk4vPcdBRkZvQZlYyu8j4/Mqz5sgIkddmEnH2Yj2ZrnP9S3tQOvSNRUIgVNF/1yPpRAGNRig==",
+ "dev": true,
"license": "MIT",
"engines": {
- "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+ "node": ">=14.16"
},
"funding": {
"url": "https://github.com/sponsors/sindresorhus"
}
},
- "node_modules/lru-cache": {
- "version": "5.1.1",
- "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
- "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
- "license": "ISC",
- "dependencies": {
- "yallist": "^3.0.2"
- }
- },
- "node_modules/magic-string": {
- "version": "0.30.10",
- "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.10.tgz",
- "integrity": "sha512-iIRwTIf0QKV3UAnYK4PU8uiEc4SRh5jX0mwpIwETPpHdhVM4f53RSwS/vXvN1JhGX+Cs7B8qIq3d6AH49O5fAQ==",
+ "node_modules/log-update/node_modules/ansi-regex": {
+ "version": "6.0.1",
+ "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
+ "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
"dev": true,
"license": "MIT",
- "dependencies": {
+ "engines": {
+ "node": ">=12"
+ },
+ "funding": {
+ "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+ }
+ },
+ "node_modules/log-update/node_modules/ansi-styles": {
+ "version": "6.2.1",
+ "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
+ "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=12"
+ },
+ "funding": {
+ "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+ }
+ },
+ "node_modules/log-update/node_modules/cli-cursor": {
+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-4.0.0.tgz",
+ "integrity": "sha512-VGtlMu3x/4DOtIUwEkRezxUZ2lBacNJCHash0N0WeZDBS+7Ux1dm3XWAgWYxLJFMMdOeXMHXorshEFhbMSGelg==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "restore-cursor": "^4.0.0"
+ },
+ "engines": {
+ "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/sindresorhus"
+ }
+ },
+ "node_modules/log-update/node_modules/emoji-regex": {
+ "version": "10.3.0",
+ "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.3.0.tgz",
+ "integrity": "sha512-QpLs9D9v9kArv4lfDEgg1X/gN5XLnf/A6l9cs8SPZLRZR3ZkY9+kwIQTxm+fsSej5UMYGE8fdoaZVIBlqG0XTw==",
+ "dev": true,
+ "license": "MIT"
+ },
+ "node_modules/log-update/node_modules/is-fullwidth-code-point": {
+ "version": "5.0.0",
+ "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-5.0.0.tgz",
+ "integrity": "sha512-OVa3u9kkBbw7b8Xw5F9P+D/T9X+Z4+JruYVNapTjPYZYUznQ5YfWeFkOj606XYYW8yugTfC8Pj0hYqvi4ryAhA==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "get-east-asian-width": "^1.0.0"
+ },
+ "engines": {
+ "node": ">=18"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/sindresorhus"
+ }
+ },
+ "node_modules/log-update/node_modules/restore-cursor": {
+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-4.0.0.tgz",
+ "integrity": "sha512-I9fPXU9geO9bHOt9pHHOhOkYerIMsmVaWB0rA2AI9ERh/+x/i7MV5HKBNrg+ljO5eoPVgCcnFuRjJ9uH6I/3eg==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "onetime": "^5.1.0",
+ "signal-exit": "^3.0.2"
+ },
+ "engines": {
+ "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/sindresorhus"
+ }
+ },
+ "node_modules/log-update/node_modules/slice-ansi": {
+ "version": "7.1.0",
+ "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-7.1.0.tgz",
+ "integrity": "sha512-bSiSngZ/jWeX93BqeIAbImyTbEihizcwNjFoRUIY/T1wWQsfsm2Vw1agPKylXvQTU7iASGdHhyqRlqQzfz+Htg==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "ansi-styles": "^6.2.1",
+ "is-fullwidth-code-point": "^5.0.0"
+ },
+ "engines": {
+ "node": ">=18"
+ },
+ "funding": {
+ "url": "https://github.com/chalk/slice-ansi?sponsor=1"
+ }
+ },
+ "node_modules/log-update/node_modules/string-width": {
+ "version": "7.2.0",
+ "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz",
+ "integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "emoji-regex": "^10.3.0",
+ "get-east-asian-width": "^1.0.0",
+ "strip-ansi": "^7.1.0"
+ },
+ "engines": {
+ "node": ">=18"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/sindresorhus"
+ }
+ },
+ "node_modules/log-update/node_modules/strip-ansi": {
+ "version": "7.1.0",
+ "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+ "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "ansi-regex": "^6.0.1"
+ },
+ "engines": {
+ "node": ">=12"
+ },
+ "funding": {
+ "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+ }
+ },
+ "node_modules/log-update/node_modules/wrap-ansi": {
+ "version": "9.0.0",
+ "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-9.0.0.tgz",
+ "integrity": "sha512-G8ura3S+3Z2G+mkgNRq8dqaFZAuxfsxpBB8OCTGRTCtp+l/v9nbFNmCUP1BZMts3G1142MsZfn6eeUKrr4PD1Q==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "ansi-styles": "^6.2.1",
+ "string-width": "^7.0.0",
+ "strip-ansi": "^7.1.0"
+ },
+ "engines": {
+ "node": ">=18"
+ },
+ "funding": {
+ "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+ }
+ },
+ "node_modules/log4js": {
+ "version": "6.9.1",
+ "resolved": "https://registry.npmjs.org/log4js/-/log4js-6.9.1.tgz",
+ "integrity": "sha512-1somDdy9sChrr9/f4UlzhdaGfDR2c/SaD2a4T7qEkG4jTS57/B3qmnjLYePwQ8cqWnUHZI0iAKxMBpCZICiZ2g==",
+ "dev": true,
+ "license": "Apache-2.0",
+ "dependencies": {
+ "date-format": "^4.0.14",
+ "debug": "^4.3.4",
+ "flatted": "^3.2.7",
+ "rfdc": "^1.3.0",
+ "streamroller": "^3.1.5"
+ },
+ "engines": {
+ "node": ">=8.0"
+ }
+ },
+ "node_modules/lowercase-keys": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-3.0.0.tgz",
+ "integrity": "sha512-ozCC6gdQ+glXOQsveKD0YsDy8DSQFjDTz4zyzEHNV5+JP5D62LmfDZ6o1cycFx9ouG940M5dE8C8CTewdj2YWQ==",
+ "license": "MIT",
+ "engines": {
+ "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/sindresorhus"
+ }
+ },
+ "node_modules/lru-cache": {
+ "version": "5.1.1",
+ "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+ "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+ "license": "ISC",
+ "dependencies": {
+ "yallist": "^3.0.2"
+ }
+ },
+ "node_modules/magic-string": {
+ "version": "0.30.10",
+ "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.10.tgz",
+ "integrity": "sha512-iIRwTIf0QKV3UAnYK4PU8uiEc4SRh5jX0mwpIwETPpHdhVM4f53RSwS/vXvN1JhGX+Cs7B8qIq3d6AH49O5fAQ==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
"@jridgewell/sourcemap-codec": "^1.4.15"
}
},
@@ -16097,22 +16995,6 @@
"@msgpackr-extract/msgpackr-extract-win32-x64": "3.0.3"
}
},
- "node_modules/msgpackr-extract/node_modules/node-gyp-build-optional-packages": {
- "version": "5.2.2",
- "resolved": "https://registry.npmjs.org/node-gyp-build-optional-packages/-/node-gyp-build-optional-packages-5.2.2.tgz",
- "integrity": "sha512-s+w+rBWnpTMwSFbaE0UXsRlg7hU4FjekKU4eyAih5T8nJuNZT1nNsskXpxmeqSK9UzkBl6UgRlnKc8hz8IEqOw==",
- "dev": true,
- "license": "MIT",
- "optional": true,
- "dependencies": {
- "detect-libc": "^2.0.1"
- },
- "bin": {
- "node-gyp-build-optional-packages": "bin.js",
- "node-gyp-build-optional-packages-optional": "optional.js",
- "node-gyp-build-optional-packages-test": "build-test.js"
- }
- },
"node_modules/multicast-dns": {
"version": "7.2.5",
"resolved": "https://registry.npmjs.org/multicast-dns/-/multicast-dns-7.2.5.tgz",
@@ -16339,9 +17221,9 @@
}
},
"node_modules/node-gyp-build-optional-packages": {
- "version": "5.1.1",
- "resolved": "https://registry.npmjs.org/node-gyp-build-optional-packages/-/node-gyp-build-optional-packages-5.1.1.tgz",
- "integrity": "sha512-+P72GAjVAbTxjjwUmwjVrqrdZROD4nf8KgpBoDxqXXTiYZZt/ud60dE5yvCSr9lRO8e8yv6kgJIC0K0PfZFVQw==",
+ "version": "5.2.2",
+ "resolved": "https://registry.npmjs.org/node-gyp-build-optional-packages/-/node-gyp-build-optional-packages-5.2.2.tgz",
+ "integrity": "sha512-s+w+rBWnpTMwSFbaE0UXsRlg7hU4FjekKU4eyAih5T8nJuNZT1nNsskXpxmeqSK9UzkBl6UgRlnKc8hz8IEqOw==",
"dev": true,
"license": "MIT",
"dependencies": {
@@ -17852,18 +18734,19 @@
}
},
"node_modules/open": {
- "version": "8.4.2",
- "resolved": "https://registry.npmjs.org/open/-/open-8.4.2.tgz",
- "integrity": "sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==",
+ "version": "10.1.0",
+ "resolved": "https://registry.npmjs.org/open/-/open-10.1.0.tgz",
+ "integrity": "sha512-mnkeQ1qP5Ue2wd+aivTD3NHd/lZ96Lu0jgf0pwktLPtx6cTZiH7tyeGRRHs0zX0rbrahXPnXlUnbeXyaBBuIaw==",
"dev": true,
"license": "MIT",
"dependencies": {
- "define-lazy-prop": "^2.0.0",
- "is-docker": "^2.1.1",
- "is-wsl": "^2.2.0"
+ "default-browser": "^5.2.1",
+ "define-lazy-prop": "^3.0.0",
+ "is-inside-container": "^1.0.0",
+ "is-wsl": "^3.1.0"
},
"engines": {
- "node": ">=12"
+ "node": ">=18"
},
"funding": {
"url": "https://github.com/sponsors/sindresorhus"
@@ -18495,9 +19378,9 @@
}
},
"node_modules/piscina": {
- "version": "4.5.0",
- "resolved": "https://registry.npmjs.org/piscina/-/piscina-4.5.0.tgz",
- "integrity": "sha512-iBaLWI56PFP81cfBSomWTmhOo9W2/yhIOL+Tk8O1vBCpK39cM0tGxB+wgYjG31qq4ohGvysfXSdnj8h7g4rZxA==",
+ "version": "4.6.1",
+ "resolved": "https://registry.npmjs.org/piscina/-/piscina-4.6.1.tgz",
+ "integrity": "sha512-z30AwWGtQE+Apr+2WBZensP2lIvwoaMcOPkQlIEmSGMJNUvaYACylPYrQM6wSdUNJlnDVMSpLv7xTMJqlVshOA==",
"dev": true,
"license": "MIT",
"optionalDependencies": {
@@ -18740,9 +19623,9 @@
}
},
"node_modules/postcss-selector-parser": {
- "version": "6.1.0",
- "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.0.tgz",
- "integrity": "sha512-UMz42UD0UY0EApS0ZL9o1XnLhSTtvvvLe5Dc2H2O56fvRZi+KulDyf5ctDhhtYJBGKStV2FL1fy6253cmLgqVQ==",
+ "version": "6.1.1",
+ "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.1.tgz",
+ "integrity": "sha512-b4dlw/9V8A71rLIDsSwVmak9z2DuBUB7CA1/wSdelNEzqsjoSPeADTWNO09lpH49Diy3/JIZ2bSPB1dI3LJCHg==",
"dev": true,
"license": "MIT",
"dependencies": {
@@ -18760,6 +19643,16 @@
"dev": true,
"license": "MIT"
},
+ "node_modules/preact": {
+ "version": "10.22.1",
+ "resolved": "https://registry.npmjs.org/preact/-/preact-10.22.1.tgz",
+ "integrity": "sha512-jRYbDDgMpIb5LHq3hkI0bbl+l/TQ9UnkdQ0ww+lp+4MMOdqaUYdFc5qeyP+IV8FAd/2Em7drVPeKdQxsiWCf/A==",
+ "license": "MIT",
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/preact"
+ }
+ },
"node_modules/pretty-format": {
"version": "29.7.0",
"resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
@@ -18801,9 +19694,9 @@
"license": "MIT"
},
"node_modules/primeng": {
- "version": "17.18.3",
- "resolved": "https://registry.npmjs.org/primeng/-/primeng-17.18.3.tgz",
- "integrity": "sha512-gbFo9cZF3E2ox8MkIPMp5CuqACMkJwgpjjNofzI2gh/9BKnAWB4Iao7mLKTlU46CtzHsmslQ9lU8OmmKG7LG1A==",
+ "version": "17.18.4",
+ "resolved": "https://registry.npmjs.org/primeng/-/primeng-17.18.4.tgz",
+ "integrity": "sha512-o1H9PHLpwuGRgzf9MCuH/pGKMYSYP4x3g3rydinul0u4YMYMKnqacu/+u8JEPM2FVt8p+6n/gD2V3Z4DTaFWgQ==",
"license": "MIT",
"dependencies": {
"tslib": "^2.3.0"
@@ -19353,7 +20246,6 @@
"version": "0.14.1",
"resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
"integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==",
- "dev": true,
"license": "MIT"
},
"node_modules/regenerator-transform": {
@@ -19698,16 +20590,6 @@
"url": "https://github.com/sponsors/sindresorhus"
}
},
- "node_modules/run-async": {
- "version": "3.0.0",
- "resolved": "https://registry.npmjs.org/run-async/-/run-async-3.0.0.tgz",
- "integrity": "sha512-540WwVDOMxA6dN6We19EcT9sc3hkXPw5mzRNGM3FkdN/vtE9NFvj5lFAPNwUDmJjXidm3v7TC1cTE7t17Ulm1Q==",
- "dev": true,
- "license": "MIT",
- "engines": {
- "node": ">=0.12.0"
- }
- },
"node_modules/run-parallel": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -19774,9 +20656,9 @@
"license": "Apache-2.0"
},
"node_modules/sass": {
- "version": "1.77.2",
- "resolved": "https://registry.npmjs.org/sass/-/sass-1.77.2.tgz",
- "integrity": "sha512-eb4GZt1C3avsX3heBNlrc7I09nyT00IUuo4eFhAbeXWU2fvA7oXI53SxODVAA+zgZCk9aunAZgO+losjR3fAwA==",
+ "version": "1.77.6",
+ "resolved": "https://registry.npmjs.org/sass/-/sass-1.77.6.tgz",
+ "integrity": "sha512-ByXE1oLD79GVq9Ht1PeHWCPMPB8XHpBuz1r85oByKHjZY6qV6rWnQovQzXJXuQ/XyE1Oj3iPk3lo28uzaRA2/Q==",
"dev": true,
"license": "MIT",
"dependencies": {
@@ -19890,6 +20772,12 @@
}
}
},
+ "node_modules/search-insights": {
+ "version": "2.15.0",
+ "resolved": "https://registry.npmjs.org/search-insights/-/search-insights-2.15.0.tgz",
+ "integrity": "sha512-ch2sPCUDD4sbPQdknVl9ALSi9H7VyoeVbsxznYz6QV55jJ8CI3EtwpO1i84keN4+hF5IeHWIeGvc08530JkVXQ==",
+ "license": "MIT"
+ },
"node_modules/select-hose": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/select-hose/-/select-hose-2.0.0.tgz",
@@ -20249,9 +21137,52 @@
"license": "MIT"
},
"node_modules/slash": {
+ "version": "5.1.0",
+ "resolved": "https://registry.npmjs.org/slash/-/slash-5.1.0.tgz",
+ "integrity": "sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=14.16"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/sindresorhus"
+ }
+ },
+ "node_modules/slice-ansi": {
+ "version": "5.0.0",
+ "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-5.0.0.tgz",
+ "integrity": "sha512-FC+lgizVPfie0kkhqUScwRu1O/lF6NOgJmlCgK+/LYxDCTk8sGelYaHDhFcDN+Sn3Cv+3VSa4Byeo+IMCzpMgQ==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "ansi-styles": "^6.0.0",
+ "is-fullwidth-code-point": "^4.0.0"
+ },
+ "engines": {
+ "node": ">=12"
+ },
+ "funding": {
+ "url": "https://github.com/chalk/slice-ansi?sponsor=1"
+ }
+ },
+ "node_modules/slice-ansi/node_modules/ansi-styles": {
+ "version": "6.2.1",
+ "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
+ "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=12"
+ },
+ "funding": {
+ "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+ }
+ },
+ "node_modules/slice-ansi/node_modules/is-fullwidth-code-point": {
"version": "4.0.0",
- "resolved": "https://registry.npmjs.org/slash/-/slash-4.0.0.tgz",
- "integrity": "sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==",
+ "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-4.0.0.tgz",
+ "integrity": "sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ==",
"dev": true,
"license": "MIT",
"engines": {
@@ -21102,9 +22033,9 @@
}
},
"node_modules/tslib": {
- "version": "2.6.2",
- "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
- "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==",
+ "version": "2.6.3",
+ "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.3.tgz",
+ "integrity": "sha512-xNvxJEOUiWPGhUuUdQgAJPKOOJfGnIyKySOc09XkKsgdUV/3E2zvwZYdejjmRgPCgcym1juLH3226yA7sEFJKQ==",
"license": "0BSD"
},
"node_modules/tsparticles-engine": {
@@ -21367,9 +22298,9 @@
}
},
"node_modules/undici": {
- "version": "6.18.0",
- "resolved": "https://registry.npmjs.org/undici/-/undici-6.18.0.tgz",
- "integrity": "sha512-nT8jjv/fE9Et1ilR6QoW8ingRTY2Pp4l2RUrdzV5Yz35RJDrtPc1DXvuNqcpsJSGIRHFdt3YKKktTzJA6r0fTA==",
+ "version": "6.19.2",
+ "resolved": "https://registry.npmjs.org/undici/-/undici-6.19.2.tgz",
+ "integrity": "sha512-JfjKqIauur3Q6biAtHJ564e3bWa8VvT+7cSiOJHFbX4Erv6CLGDpg8z+Fmg/1OI/47RA+GI2QZaF48SSaLvyBA==",
"dev": true,
"license": "MIT",
"engines": {
@@ -21427,6 +22358,19 @@
"node": ">=4"
}
},
+ "node_modules/unicorn-magic": {
+ "version": "0.1.0",
+ "resolved": "https://registry.npmjs.org/unicorn-magic/-/unicorn-magic-0.1.0.tgz",
+ "integrity": "sha512-lRfVq8fE8gz6QMBuDM6a+LO3IAzTi05H6gCVaUpir2E1Rwpo4ZUog45KpNXKC/Mn3Yb9UDuHumeFTo9iV/D9FQ==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=18"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/sindresorhus"
+ }
+ },
"node_modules/unique-filename": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/unique-filename/-/unique-filename-3.0.0.tgz",
@@ -21605,594 +22549,164 @@
"version": "5.3.0",
"resolved": "https://registry.npmjs.org/chalk/-/chalk-5.3.0.tgz",
"integrity": "sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==",
- "license": "MIT",
- "engines": {
- "node": "^12.17.0 || ^14.13 || >=16.0.0"
- },
- "funding": {
- "url": "https://github.com/chalk/chalk?sponsor=1"
- }
- },
- "node_modules/uri-js": {
- "version": "4.4.1",
- "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
- "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
- "dev": true,
- "license": "BSD-2-Clause",
- "dependencies": {
- "punycode": "^2.1.0"
- }
- },
- "node_modules/uri-js/node_modules/punycode": {
- "version": "2.3.1",
- "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
- "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
- "dev": true,
- "license": "MIT",
- "engines": {
- "node": ">=6"
- }
- },
- "node_modules/util-deprecate": {
- "version": "1.0.2",
- "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
- "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
- "license": "MIT"
- },
- "node_modules/utils-merge": {
- "version": "1.0.1",
- "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
- "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==",
- "dev": true,
- "license": "MIT",
- "engines": {
- "node": ">= 0.4.0"
- }
- },
- "node_modules/uuid": {
- "version": "8.3.2",
- "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
- "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
- "license": "MIT",
- "bin": {
- "uuid": "dist/bin/uuid"
- }
- },
- "node_modules/v8-to-istanbul": {
- "version": "9.3.0",
- "resolved": "https://registry.npmjs.org/v8-to-istanbul/-/v8-to-istanbul-9.3.0.tgz",
- "integrity": "sha512-kiGUalWN+rgBJ/1OHZsBtU4rXZOfj/7rKQxULKlIzwzQSvMJUUNgPwJEEh7gU6xEVxC0ahoOBvN2YI8GH6FNgA==",
- "dev": true,
- "license": "ISC",
- "dependencies": {
- "@jridgewell/trace-mapping": "^0.3.12",
- "@types/istanbul-lib-coverage": "^2.0.1",
- "convert-source-map": "^2.0.0"
- },
- "engines": {
- "node": ">=10.12.0"
- }
- },
- "node_modules/v8-to-istanbul/node_modules/convert-source-map": {
- "version": "2.0.0",
- "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
- "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
- "dev": true,
- "license": "MIT"
- },
- "node_modules/validate-npm-package-license": {
- "version": "3.0.4",
- "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
- "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==",
- "license": "Apache-2.0",
- "dependencies": {
- "spdx-correct": "^3.0.0",
- "spdx-expression-parse": "^3.0.0"
- }
- },
- "node_modules/validate-npm-package-name": {
- "version": "5.0.1",
- "resolved": "https://registry.npmjs.org/validate-npm-package-name/-/validate-npm-package-name-5.0.1.tgz",
- "integrity": "sha512-OljLrQ9SQdOUqTaQxqL5dEfZWrXExyyWsozYlAWFawPVNuD83igl7uJD2RTkNMbniIYgt8l81eCJGIdQF7avLQ==",
- "license": "ISC",
- "engines": {
- "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
- }
- },
- "node_modules/vary": {
- "version": "1.1.2",
- "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
- "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
- "dev": true,
- "license": "MIT",
- "engines": {
- "node": ">= 0.8"
- }
- },
- "node_modules/vite": {
- "version": "5.2.11",
- "resolved": "https://registry.npmjs.org/vite/-/vite-5.2.11.tgz",
- "integrity": "sha512-HndV31LWW05i1BLPMUCE1B9E9GFbOu1MbenhS58FuK6owSO5qHm7GiCotrNY1YE5rMeQSFBGmT5ZaLEjFizgiQ==",
- "dev": true,
- "license": "MIT",
- "dependencies": {
- "esbuild": "^0.20.1",
- "postcss": "^8.4.38",
- "rollup": "^4.13.0"
- },
- "bin": {
- "vite": "bin/vite.js"
- },
- "engines": {
- "node": "^18.0.0 || >=20.0.0"
- },
- "funding": {
- "url": "https://github.com/vitejs/vite?sponsor=1"
- },
- "optionalDependencies": {
- "fsevents": "~2.3.3"
- },
- "peerDependencies": {
- "@types/node": "^18.0.0 || >=20.0.0",
- "less": "*",
- "lightningcss": "^1.21.0",
- "sass": "*",
- "stylus": "*",
- "sugarss": "*",
- "terser": "^5.4.0"
- },
- "peerDependenciesMeta": {
- "@types/node": {
- "optional": true
- },
- "less": {
- "optional": true
- },
- "lightningcss": {
- "optional": true
- },
- "sass": {
- "optional": true
- },
- "stylus": {
- "optional": true
- },
- "sugarss": {
- "optional": true
- },
- "terser": {
- "optional": true
- }
- }
- },
- "node_modules/vite/node_modules/@esbuild/aix-ppc64": {
- "version": "0.20.2",
- "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.20.2.tgz",
- "integrity": "sha512-D+EBOJHXdNZcLJRBkhENNG8Wji2kgc9AZ9KiPr1JuZjsNtyHzrsfLRrY0tk2H2aoFu6RANO1y1iPPUCDYWkb5g==",
- "cpu": [
- "ppc64"
- ],
- "dev": true,
- "license": "MIT",
- "optional": true,
- "os": [
- "aix"
- ],
- "engines": {
- "node": ">=12"
- }
- },
- "node_modules/vite/node_modules/@esbuild/android-arm": {
- "version": "0.20.2",
- "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.20.2.tgz",
- "integrity": "sha512-t98Ra6pw2VaDhqNWO2Oph2LXbz/EJcnLmKLGBJwEwXX/JAN83Fym1rU8l0JUWK6HkIbWONCSSatf4sf2NBRx/w==",
- "cpu": [
- "arm"
- ],
- "dev": true,
- "license": "MIT",
- "optional": true,
- "os": [
- "android"
- ],
- "engines": {
- "node": ">=12"
- }
- },
- "node_modules/vite/node_modules/@esbuild/android-arm64": {
- "version": "0.20.2",
- "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.20.2.tgz",
- "integrity": "sha512-mRzjLacRtl/tWU0SvD8lUEwb61yP9cqQo6noDZP/O8VkwafSYwZ4yWy24kan8jE/IMERpYncRt2dw438LP3Xmg==",
- "cpu": [
- "arm64"
- ],
- "dev": true,
- "license": "MIT",
- "optional": true,
- "os": [
- "android"
- ],
- "engines": {
- "node": ">=12"
- }
- },
- "node_modules/vite/node_modules/@esbuild/android-x64": {
- "version": "0.20.2",
- "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.20.2.tgz",
- "integrity": "sha512-btzExgV+/lMGDDa194CcUQm53ncxzeBrWJcncOBxuC6ndBkKxnHdFJn86mCIgTELsooUmwUm9FkhSp5HYu00Rg==",
- "cpu": [
- "x64"
- ],
- "dev": true,
- "license": "MIT",
- "optional": true,
- "os": [
- "android"
- ],
- "engines": {
- "node": ">=12"
- }
- },
- "node_modules/vite/node_modules/@esbuild/darwin-arm64": {
- "version": "0.20.2",
- "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.20.2.tgz",
- "integrity": "sha512-4J6IRT+10J3aJH3l1yzEg9y3wkTDgDk7TSDFX+wKFiWjqWp/iCfLIYzGyasx9l0SAFPT1HwSCR+0w/h1ES/MjA==",
- "cpu": [
- "arm64"
- ],
- "dev": true,
- "license": "MIT",
- "optional": true,
- "os": [
- "darwin"
- ],
- "engines": {
- "node": ">=12"
- }
- },
- "node_modules/vite/node_modules/@esbuild/darwin-x64": {
- "version": "0.20.2",
- "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.20.2.tgz",
- "integrity": "sha512-tBcXp9KNphnNH0dfhv8KYkZhjc+H3XBkF5DKtswJblV7KlT9EI2+jeA8DgBjp908WEuYll6pF+UStUCfEpdysA==",
- "cpu": [
- "x64"
- ],
- "dev": true,
- "license": "MIT",
- "optional": true,
- "os": [
- "darwin"
- ],
- "engines": {
- "node": ">=12"
- }
- },
- "node_modules/vite/node_modules/@esbuild/freebsd-arm64": {
- "version": "0.20.2",
- "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.20.2.tgz",
- "integrity": "sha512-d3qI41G4SuLiCGCFGUrKsSeTXyWG6yem1KcGZVS+3FYlYhtNoNgYrWcvkOoaqMhwXSMrZRl69ArHsGJ9mYdbbw==",
- "cpu": [
- "arm64"
- ],
- "dev": true,
- "license": "MIT",
- "optional": true,
- "os": [
- "freebsd"
- ],
- "engines": {
- "node": ">=12"
- }
- },
- "node_modules/vite/node_modules/@esbuild/freebsd-x64": {
- "version": "0.20.2",
- "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.20.2.tgz",
- "integrity": "sha512-d+DipyvHRuqEeM5zDivKV1KuXn9WeRX6vqSqIDgwIfPQtwMP4jaDsQsDncjTDDsExT4lR/91OLjRo8bmC1e+Cw==",
- "cpu": [
- "x64"
- ],
- "dev": true,
- "license": "MIT",
- "optional": true,
- "os": [
- "freebsd"
- ],
- "engines": {
- "node": ">=12"
- }
- },
- "node_modules/vite/node_modules/@esbuild/linux-arm": {
- "version": "0.20.2",
- "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.20.2.tgz",
- "integrity": "sha512-VhLPeR8HTMPccbuWWcEUD1Az68TqaTYyj6nfE4QByZIQEQVWBB8vup8PpR7y1QHL3CpcF6xd5WVBU/+SBEvGTg==",
- "cpu": [
- "arm"
- ],
- "dev": true,
- "license": "MIT",
- "optional": true,
- "os": [
- "linux"
- ],
- "engines": {
- "node": ">=12"
- }
- },
- "node_modules/vite/node_modules/@esbuild/linux-arm64": {
- "version": "0.20.2",
- "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.20.2.tgz",
- "integrity": "sha512-9pb6rBjGvTFNira2FLIWqDk/uaf42sSyLE8j1rnUpuzsODBq7FvpwHYZxQ/It/8b+QOS1RYfqgGFNLRI+qlq2A==",
- "cpu": [
- "arm64"
- ],
- "dev": true,
- "license": "MIT",
- "optional": true,
- "os": [
- "linux"
- ],
- "engines": {
- "node": ">=12"
- }
- },
- "node_modules/vite/node_modules/@esbuild/linux-ia32": {
- "version": "0.20.2",
- "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.20.2.tgz",
- "integrity": "sha512-o10utieEkNPFDZFQm9CoP7Tvb33UutoJqg3qKf1PWVeeJhJw0Q347PxMvBgVVFgouYLGIhFYG0UGdBumROyiig==",
- "cpu": [
- "ia32"
- ],
- "dev": true,
- "license": "MIT",
- "optional": true,
- "os": [
- "linux"
- ],
- "engines": {
- "node": ">=12"
- }
- },
- "node_modules/vite/node_modules/@esbuild/linux-loong64": {
- "version": "0.20.2",
- "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.20.2.tgz",
- "integrity": "sha512-PR7sp6R/UC4CFVomVINKJ80pMFlfDfMQMYynX7t1tNTeivQ6XdX5r2XovMmha/VjR1YN/HgHWsVcTRIMkymrgQ==",
- "cpu": [
- "loong64"
- ],
- "dev": true,
- "license": "MIT",
- "optional": true,
- "os": [
- "linux"
- ],
- "engines": {
- "node": ">=12"
- }
- },
- "node_modules/vite/node_modules/@esbuild/linux-mips64el": {
- "version": "0.20.2",
- "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.20.2.tgz",
- "integrity": "sha512-4BlTqeutE/KnOiTG5Y6Sb/Hw6hsBOZapOVF6njAESHInhlQAghVVZL1ZpIctBOoTFbQyGW+LsVYZ8lSSB3wkjA==",
- "cpu": [
- "mips64el"
- ],
- "dev": true,
- "license": "MIT",
- "optional": true,
- "os": [
- "linux"
- ],
- "engines": {
- "node": ">=12"
- }
- },
- "node_modules/vite/node_modules/@esbuild/linux-ppc64": {
- "version": "0.20.2",
- "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.20.2.tgz",
- "integrity": "sha512-rD3KsaDprDcfajSKdn25ooz5J5/fWBylaaXkuotBDGnMnDP1Uv5DLAN/45qfnf3JDYyJv/ytGHQaziHUdyzaAg==",
- "cpu": [
- "ppc64"
- ],
- "dev": true,
- "license": "MIT",
- "optional": true,
- "os": [
- "linux"
- ],
- "engines": {
- "node": ">=12"
- }
- },
- "node_modules/vite/node_modules/@esbuild/linux-riscv64": {
- "version": "0.20.2",
- "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.20.2.tgz",
- "integrity": "sha512-snwmBKacKmwTMmhLlz/3aH1Q9T8v45bKYGE3j26TsaOVtjIag4wLfWSiZykXzXuE1kbCE+zJRmwp+ZbIHinnVg==",
- "cpu": [
- "riscv64"
- ],
- "dev": true,
- "license": "MIT",
- "optional": true,
- "os": [
- "linux"
- ],
+ "license": "MIT",
"engines": {
- "node": ">=12"
+ "node": "^12.17.0 || ^14.13 || >=16.0.0"
+ },
+ "funding": {
+ "url": "https://github.com/chalk/chalk?sponsor=1"
}
},
- "node_modules/vite/node_modules/@esbuild/linux-s390x": {
- "version": "0.20.2",
- "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.20.2.tgz",
- "integrity": "sha512-wcWISOobRWNm3cezm5HOZcYz1sKoHLd8VL1dl309DiixxVFoFe/o8HnwuIwn6sXre88Nwj+VwZUvJf4AFxkyrQ==",
- "cpu": [
- "s390x"
- ],
+ "node_modules/uri-js": {
+ "version": "4.4.1",
+ "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+ "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
"dev": true,
- "license": "MIT",
- "optional": true,
- "os": [
- "linux"
- ],
- "engines": {
- "node": ">=12"
+ "license": "BSD-2-Clause",
+ "dependencies": {
+ "punycode": "^2.1.0"
}
},
- "node_modules/vite/node_modules/@esbuild/linux-x64": {
- "version": "0.20.2",
- "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.20.2.tgz",
- "integrity": "sha512-1MdwI6OOTsfQfek8sLwgyjOXAu+wKhLEoaOLTjbijk6E2WONYpH9ZU2mNtR+lZ2B4uwr+usqGuVfFT9tMtGvGw==",
- "cpu": [
- "x64"
- ],
+ "node_modules/uri-js/node_modules/punycode": {
+ "version": "2.3.1",
+ "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+ "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
"dev": true,
"license": "MIT",
- "optional": true,
- "os": [
- "linux"
- ],
"engines": {
- "node": ">=12"
+ "node": ">=6"
}
},
- "node_modules/vite/node_modules/@esbuild/netbsd-x64": {
- "version": "0.20.2",
- "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.20.2.tgz",
- "integrity": "sha512-K8/DhBxcVQkzYc43yJXDSyjlFeHQJBiowJ0uVL6Tor3jGQfSGHNNJcWxNbOI8v5k82prYqzPuwkzHt3J1T1iZQ==",
- "cpu": [
- "x64"
- ],
+ "node_modules/util-deprecate": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+ "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+ "license": "MIT"
+ },
+ "node_modules/utils-merge": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
+ "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==",
"dev": true,
"license": "MIT",
- "optional": true,
- "os": [
- "netbsd"
- ],
"engines": {
- "node": ">=12"
+ "node": ">= 0.4.0"
}
},
- "node_modules/vite/node_modules/@esbuild/openbsd-x64": {
- "version": "0.20.2",
- "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.20.2.tgz",
- "integrity": "sha512-eMpKlV0SThJmmJgiVyN9jTPJ2VBPquf6Kt/nAoo6DgHAoN57K15ZghiHaMvqjCye/uU4X5u3YSMgVBI1h3vKrQ==",
- "cpu": [
- "x64"
- ],
- "dev": true,
+ "node_modules/uuid": {
+ "version": "8.3.2",
+ "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
+ "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
"license": "MIT",
- "optional": true,
- "os": [
- "openbsd"
- ],
- "engines": {
- "node": ">=12"
+ "bin": {
+ "uuid": "dist/bin/uuid"
}
},
- "node_modules/vite/node_modules/@esbuild/sunos-x64": {
- "version": "0.20.2",
- "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.20.2.tgz",
- "integrity": "sha512-2UyFtRC6cXLyejf/YEld4Hajo7UHILetzE1vsRcGL3earZEW77JxrFjH4Ez2qaTiEfMgAXxfAZCm1fvM/G/o8w==",
- "cpu": [
- "x64"
- ],
+ "node_modules/v8-to-istanbul": {
+ "version": "9.3.0",
+ "resolved": "https://registry.npmjs.org/v8-to-istanbul/-/v8-to-istanbul-9.3.0.tgz",
+ "integrity": "sha512-kiGUalWN+rgBJ/1OHZsBtU4rXZOfj/7rKQxULKlIzwzQSvMJUUNgPwJEEh7gU6xEVxC0ahoOBvN2YI8GH6FNgA==",
"dev": true,
- "license": "MIT",
- "optional": true,
- "os": [
- "sunos"
- ],
+ "license": "ISC",
+ "dependencies": {
+ "@jridgewell/trace-mapping": "^0.3.12",
+ "@types/istanbul-lib-coverage": "^2.0.1",
+ "convert-source-map": "^2.0.0"
+ },
"engines": {
- "node": ">=12"
+ "node": ">=10.12.0"
}
},
- "node_modules/vite/node_modules/@esbuild/win32-arm64": {
- "version": "0.20.2",
- "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.20.2.tgz",
- "integrity": "sha512-GRibxoawM9ZCnDxnP3usoUDO9vUkpAxIIZ6GQI+IlVmr5kP3zUq+l17xELTHMWTWzjxa2guPNyrpq1GWmPvcGQ==",
- "cpu": [
- "arm64"
- ],
+ "node_modules/v8-to-istanbul/node_modules/convert-source-map": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+ "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
"dev": true,
- "license": "MIT",
- "optional": true,
- "os": [
- "win32"
- ],
- "engines": {
- "node": ">=12"
+ "license": "MIT"
+ },
+ "node_modules/validate-npm-package-license": {
+ "version": "3.0.4",
+ "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
+ "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==",
+ "license": "Apache-2.0",
+ "dependencies": {
+ "spdx-correct": "^3.0.0",
+ "spdx-expression-parse": "^3.0.0"
}
},
- "node_modules/vite/node_modules/@esbuild/win32-ia32": {
- "version": "0.20.2",
- "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.20.2.tgz",
- "integrity": "sha512-HfLOfn9YWmkSKRQqovpnITazdtquEW8/SoHW7pWpuEeguaZI4QnCRW6b+oZTztdBnZOS2hqJ6im/D5cPzBTTlQ==",
- "cpu": [
- "ia32"
- ],
- "dev": true,
- "license": "MIT",
- "optional": true,
- "os": [
- "win32"
- ],
+ "node_modules/validate-npm-package-name": {
+ "version": "5.0.1",
+ "resolved": "https://registry.npmjs.org/validate-npm-package-name/-/validate-npm-package-name-5.0.1.tgz",
+ "integrity": "sha512-OljLrQ9SQdOUqTaQxqL5dEfZWrXExyyWsozYlAWFawPVNuD83igl7uJD2RTkNMbniIYgt8l81eCJGIdQF7avLQ==",
+ "license": "ISC",
"engines": {
- "node": ">=12"
+ "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
}
},
- "node_modules/vite/node_modules/@esbuild/win32-x64": {
- "version": "0.20.2",
- "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.20.2.tgz",
- "integrity": "sha512-N49X4lJX27+l9jbLKSqZ6bKNjzQvHaT8IIFUy+YIqmXQdjYCToGWwOItDrfby14c78aDd5NHQl29xingXfCdLQ==",
- "cpu": [
- "x64"
- ],
+ "node_modules/vary": {
+ "version": "1.1.2",
+ "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+ "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
"dev": true,
"license": "MIT",
- "optional": true,
- "os": [
- "win32"
- ],
"engines": {
- "node": ">=12"
+ "node": ">= 0.8"
}
},
- "node_modules/vite/node_modules/esbuild": {
- "version": "0.20.2",
- "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.20.2.tgz",
- "integrity": "sha512-WdOOppmUNU+IbZ0PaDiTst80zjnrOkyJNHoKupIcVyU8Lvla3Ugx94VzkQ32Ijqd7UhHJy75gNWDMUekcrSJ6g==",
+ "node_modules/vite": {
+ "version": "5.3.2",
+ "resolved": "https://registry.npmjs.org/vite/-/vite-5.3.2.tgz",
+ "integrity": "sha512-6lA7OBHBlXUxiJxbO5aAY2fsHHzDr1q7DvXYnyZycRs2Dz+dXBWuhpWHvmljTRTpQC2uvGmUFFkSHF2vGo90MA==",
"dev": true,
- "hasInstallScript": true,
"license": "MIT",
+ "dependencies": {
+ "esbuild": "^0.21.3",
+ "postcss": "^8.4.38",
+ "rollup": "^4.13.0"
+ },
"bin": {
- "esbuild": "bin/esbuild"
+ "vite": "bin/vite.js"
},
"engines": {
- "node": ">=12"
+ "node": "^18.0.0 || >=20.0.0"
+ },
+ "funding": {
+ "url": "https://github.com/vitejs/vite?sponsor=1"
},
"optionalDependencies": {
- "@esbuild/aix-ppc64": "0.20.2",
- "@esbuild/android-arm": "0.20.2",
- "@esbuild/android-arm64": "0.20.2",
- "@esbuild/android-x64": "0.20.2",
- "@esbuild/darwin-arm64": "0.20.2",
- "@esbuild/darwin-x64": "0.20.2",
- "@esbuild/freebsd-arm64": "0.20.2",
- "@esbuild/freebsd-x64": "0.20.2",
- "@esbuild/linux-arm": "0.20.2",
- "@esbuild/linux-arm64": "0.20.2",
- "@esbuild/linux-ia32": "0.20.2",
- "@esbuild/linux-loong64": "0.20.2",
- "@esbuild/linux-mips64el": "0.20.2",
- "@esbuild/linux-ppc64": "0.20.2",
- "@esbuild/linux-riscv64": "0.20.2",
- "@esbuild/linux-s390x": "0.20.2",
- "@esbuild/linux-x64": "0.20.2",
- "@esbuild/netbsd-x64": "0.20.2",
- "@esbuild/openbsd-x64": "0.20.2",
- "@esbuild/sunos-x64": "0.20.2",
- "@esbuild/win32-arm64": "0.20.2",
- "@esbuild/win32-ia32": "0.20.2",
- "@esbuild/win32-x64": "0.20.2"
+ "fsevents": "~2.3.3"
+ },
+ "peerDependencies": {
+ "@types/node": "^18.0.0 || >=20.0.0",
+ "less": "*",
+ "lightningcss": "^1.21.0",
+ "sass": "*",
+ "stylus": "*",
+ "sugarss": "*",
+ "terser": "^5.4.0"
+ },
+ "peerDependenciesMeta": {
+ "@types/node": {
+ "optional": true
+ },
+ "less": {
+ "optional": true
+ },
+ "lightningcss": {
+ "optional": true
+ },
+ "sass": {
+ "optional": true
+ },
+ "stylus": {
+ "optional": true
+ },
+ "sugarss": {
+ "optional": true
+ },
+ "terser": {
+ "optional": true
+ }
}
},
"node_modules/void-elements": {
@@ -22263,9 +22777,9 @@
"license": "Apache-2.0"
},
"node_modules/webpack": {
- "version": "5.91.0",
- "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.91.0.tgz",
- "integrity": "sha512-rzVwlLeBWHJbmgTC/8TvAcu5vpJNII+MelQpylD4jNERPwpBJOE2lEcko1zJX3QJeLjTTAnQxn/OJ8bjDzVQaw==",
+ "version": "5.92.1",
+ "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.92.1.tgz",
+ "integrity": "sha512-JECQ7IwJb+7fgUFBlrJzbyu3GEuNBcdqr1LD7IbSzwkSmIevTm8PF+wej3Oxuz/JFBUZ6O1o43zsPkwm1C4TmA==",
"dev": true,
"license": "MIT",
"dependencies": {
@@ -22275,10 +22789,10 @@
"@webassemblyjs/wasm-edit": "^1.12.1",
"@webassemblyjs/wasm-parser": "^1.12.1",
"acorn": "^8.7.1",
- "acorn-import-assertions": "^1.9.0",
+ "acorn-import-attributes": "^1.9.5",
"browserslist": "^4.21.10",
"chrome-trace-event": "^1.0.2",
- "enhanced-resolve": "^5.16.0",
+ "enhanced-resolve": "^5.17.0",
"es-module-lexer": "^1.2.1",
"eslint-scope": "5.1.1",
"events": "^3.2.0",
@@ -22410,23 +22924,10 @@
"balanced-match": "^1.0.0"
}
},
- "node_modules/webpack-dev-server/node_modules/define-lazy-prop": {
- "version": "3.0.0",
- "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-3.0.0.tgz",
- "integrity": "sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==",
- "dev": true,
- "license": "MIT",
- "engines": {
- "node": ">=12"
- },
- "funding": {
- "url": "https://github.com/sponsors/sindresorhus"
- }
- },
"node_modules/webpack-dev-server/node_modules/glob": {
- "version": "10.4.3",
- "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.3.tgz",
- "integrity": "sha512-Q38SGlYRpVtDBPSWEylRyctn7uDeTp4NQERTLiCT1FqA9JXPYWqAVmQU6qh4r/zMM5ehxTcbaO8EjhWnvEhmyg==",
+ "version": "10.4.5",
+ "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
+ "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==",
"dev": true,
"license": "ISC",
"dependencies": {
@@ -22440,9 +22941,6 @@
"bin": {
"glob": "dist/esm/bin.mjs"
},
- "engines": {
- "node": ">=18"
- },
"funding": {
"url": "https://github.com/sponsors/isaacs"
}
@@ -22472,22 +22970,6 @@
}
}
},
- "node_modules/webpack-dev-server/node_modules/is-wsl": {
- "version": "3.1.0",
- "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-3.1.0.tgz",
- "integrity": "sha512-UcVfVfaK4Sc4m7X3dUSoHoozQGBEFeDC+zVo06t98xe8CzHSZZBekNXH+tu0NalHolcJ/QAGqS46Hef7QXBIMw==",
- "dev": true,
- "license": "MIT",
- "dependencies": {
- "is-inside-container": "^1.0.0"
- },
- "engines": {
- "node": ">=16"
- },
- "funding": {
- "url": "https://github.com/sponsors/sindresorhus"
- }
- },
"node_modules/webpack-dev-server/node_modules/minimatch": {
"version": "9.0.5",
"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
@@ -22514,29 +22996,10 @@
"node": ">=16 || 14 >=14.17"
}
},
- "node_modules/webpack-dev-server/node_modules/open": {
- "version": "10.1.0",
- "resolved": "https://registry.npmjs.org/open/-/open-10.1.0.tgz",
- "integrity": "sha512-mnkeQ1qP5Ue2wd+aivTD3NHd/lZ96Lu0jgf0pwktLPtx6cTZiH7tyeGRRHs0zX0rbrahXPnXlUnbeXyaBBuIaw==",
- "dev": true,
- "license": "MIT",
- "dependencies": {
- "default-browser": "^5.2.1",
- "define-lazy-prop": "^3.0.0",
- "is-inside-container": "^1.0.0",
- "is-wsl": "^3.1.0"
- },
- "engines": {
- "node": ">=18"
- },
- "funding": {
- "url": "https://github.com/sponsors/sindresorhus"
- }
- },
"node_modules/webpack-dev-server/node_modules/rimraf": {
- "version": "5.0.8",
- "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-5.0.8.tgz",
- "integrity": "sha512-XSh0V2/yNhDEi8HwdIefD8MLgs4LQXPag/nEJWs3YUc3Upn+UHa1GyIkEg9xSSNt7HnkO5FjTvmcRzgf+8UZuw==",
+ "version": "5.0.9",
+ "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-5.0.9.tgz",
+ "integrity": "sha512-3i7b8OcswU6CpU8Ej89quJD4O98id7TtVM5U4Mybh84zQXdrFmDLouWBEEaD/QfO3gDDfH+AGFCGsR7kngzQnA==",
"dev": true,
"license": "ISC",
"dependencies": {
@@ -22546,7 +23009,7 @@
"rimraf": "dist/esm/bin.mjs"
},
"engines": {
- "node": ">=18"
+ "node": "14 >=14.20 || 16 >=16.20 || >=18"
},
"funding": {
"url": "https://github.com/sponsors/isaacs"
@@ -22996,6 +23459,19 @@
"url": "https://github.com/sponsors/sindresorhus"
}
},
+ "node_modules/yoctocolors-cjs": {
+ "version": "2.1.2",
+ "resolved": "https://registry.npmjs.org/yoctocolors-cjs/-/yoctocolors-cjs-2.1.2.tgz",
+ "integrity": "sha512-cYVsTjKl8b+FrnidjibDWskAv7UKOfcwaVZdp/it9n1s9fU3IkgDbhdIRKCW4JDsAlECJY0ytoVPT3sK6kideA==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=18"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/sindresorhus"
+ }
+ },
"node_modules/zip-stream": {
"version": "4.1.1",
"resolved": "https://registry.npmjs.org/zip-stream/-/zip-stream-4.1.1.tgz",
diff --git a/client/package.json b/client/package.json
index 16983887..484f4fdf 100644
--- a/client/package.json
+++ b/client/package.json
@@ -11,20 +11,21 @@
},
"private": true,
"dependencies": {
- "@angular/animations": "^18.0.6",
- "@angular/cdk": "^18.0.6",
- "@angular/common": "^18.0.6",
- "@angular/compiler": "^18.0.6",
- "@angular/core": "^18.0.6",
- "@angular/forms": "^18.0.6",
- "@angular/localize": "^18.0.6",
- "@angular/material": "^18.0.6",
- "@angular/platform-browser": "^18.0.6",
- "@angular/platform-browser-dynamic": "^18.0.6",
- "@angular/router": "^18.0.6",
- "@fortawesome/fontawesome-free": "^6.5.2",
+ "@angular/animations": "^18.1.0",
+ "@angular/cdk": "^18.1.1",
+ "@angular/common": "^18.1.0",
+ "@angular/compiler": "^18.1.0",
+ "@angular/core": "^18.1.0",
+ "@angular/forms": "^18.1.0",
+ "@angular/localize": "^18.1.0",
+ "@angular/material": "^18.1.1",
+ "@angular/platform-browser": "^18.1.0",
+ "@angular/platform-browser-dynamic": "^18.1.0",
+ "@angular/router": "^18.1.0",
+ "@fortawesome/fontawesome-free": "^6.6.0",
"@ng-bootstrap/ng-bootstrap": "^17.0.0",
"@swimlane/ngx-charts": "^20.5.0",
+ "algoliasearch": "^4.24.0",
"angular-auth-oidc-client": "^18.0.1",
"bootstrap": "^5.3.3",
"chart.js": "^4.4.3",
@@ -32,6 +33,7 @@
"classlist.js": "^1.1.20150312",
"date-fns": "^3.6.0",
"exceljs": "^4.4.0",
+ "instantsearch.js": "^4.73.2",
"jsonwebtoken": "^9.0.2",
"ng-particles": "^3.12.0",
"ng2-charts": "^6.0.1",
@@ -39,7 +41,7 @@
"pace-js": "^1.2.4",
"primeflex": "^3.3.1",
"primeicons": "^7.0.0",
- "primeng": "^17.18.3",
+ "primeng": "^17.18.4",
"rxjs": "^7.8.1",
"subsink": "^1.0.2",
"typescript": "^5.4.5",
@@ -47,14 +49,14 @@
"zone.js": "^0.14.7"
},
"devDependencies": {
- "@angular-devkit/build-angular": "^18.0.7",
- "@angular/cli": "^18.0.7",
- "@angular/compiler-cli": "^18.0.6",
+ "@angular-devkit/build-angular": "^18.1.0",
+ "@angular/cli": "^18.1.0",
+ "@angular/compiler-cli": "^18.1.0",
"@types/chart.js": "^2.9.41",
"@types/d3": "^7.4.3",
"@types/jasmine": "^5.1.4",
"@types/jquery": "^3.5.30",
- "@types/node": "^20.14.10",
+ "@types/node": "^20.14.11",
"jasmine-core": "^5.1.2",
"jest": "^29.7.0",
"karma": "^6.4.3",
diff --git a/client/src/app/Shared/config/app.config.component.ts b/client/src/app/Shared/config/app.config.component.ts
deleted file mode 100644
index 8be45410..00000000
--- a/client/src/app/Shared/config/app.config.component.ts
+++ /dev/null
@@ -1,186 +0,0 @@
-import { CommonModule, DOCUMENT } from '@angular/common';
-import { Component, Inject, OnDestroy, OnInit, Renderer2 } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { ButtonModule } from 'primeng/button';
-import { InputSwitchModule } from 'primeng/inputswitch';
-import { RadioButtonModule } from 'primeng/radiobutton';
-import { SelectButtonModule } from 'primeng/selectbutton';
-import { SidebarModule } from 'primeng/sidebar';
-import { AppConfigService } from '../service/appconfigservice';
-import { PrimeNGConfig } from 'primeng/api';
-import { UsersService } from '../../pages/admin-processing/user-processing/users.service';
-import { SubSink } from 'subsink';
-import { Subscription } from 'rxjs';
-
-@Component({
- selector: 'app-config',
- standalone: true,
- templateUrl: './app.config.component.html',
- imports: [CommonModule, FormsModule, SidebarModule, InputSwitchModule, ButtonModule, RadioButtonModule, SelectButtonModule]
-})
-export class AppConfigComponent implements OnInit, OnDestroy {
- private subscription: Subscription = new Subscription();
- inputStyles = [
- { label: 'Outlined', value: 'outlined' },
- { label: 'Filled', value: 'filled' }
- ];
- scales: number[] = [12, 13, 14, 15, 16];
- compactMaterial: boolean = false;
- lightOnlyThemes = ['fluent-light', 'mira', 'nano'];
- user: any;
- private subs = new SubSink();
-
- constructor(
- @Inject(DOCUMENT) private document: Document,
- private renderer: Renderer2,
- private configService: AppConfigService,
- private config: PrimeNGConfig,
- private userService: UsersService,
- ) { }
-
- ngOnInit() {
- this.subscription.add(
- this.configService.configUpdate$.subscribe(config => {
- this.updateUIForTheme(config.theme);
- })
- );
- }
-
- get isActive(): boolean {
- return this.configService.state.configActive;
- }
-
- get isDarkToggleDisabled(): boolean {
- return this.lightOnlyThemes.includes(this.configService.config().theme);
- }
-
- get isDarkMode(): boolean {
- return this.configService.config().darkMode;
- }
-
- toggleDarkMode() {
- this.configService.toggleDarkMode();
- this.updateUserTheme(this.configService.config().theme);
- }
-
- get ripple(): boolean {
- return this.configService.config().ripple;
- }
-
- onRippleChange(event: any) {
- this.configService.toggleRipple();
- }
-
- get inputStyle(): string {
- return this.config.inputStyle();
- }
- set inputStyle(val: 'outlined' | 'filled') {
- this.config.inputStyle.set(val);
- }
-
- get scale(): number {
- return this.configService.config().scale;
- }
- set scale(val: number) {
- this.configService.config.update((config) => ({ ...config, scale: val }));
- }
-
- onVisibleChange(value: boolean) {
- if (value === false) {
- this.configService.hideConfig();
- }
- }
-
- onCompactMaterialChange() {
- const theme = this.configService.config().theme;
- if (theme.startsWith('md')) {
- let tokens = theme.split('-');
-
- this.changeTheme(tokens[0].substring(0, 2), tokens[2]);
- }
- }
-
- isThemeActive(themeFamily: string, color?: string) {
- let themeName: string;
- let themePrefix = themeFamily === 'md' && this.compactMaterial ? 'mdc' : themeFamily;
-
- if (this.lightOnlyThemes.includes(themePrefix)) {
- themeName = themePrefix;
- } else {
- themeName = themePrefix + (this.isDarkMode ? '-dark' : '-light');
- }
-
- if (color) {
- themeName += '-' + color;
- }
-
- return this.configService.config().theme === themeName;
- }
-
- async changeTheme(theme: string, color?: string) {
- let newTheme: string;
- let darkMode = this.isDarkMode;
-
- if (this.lightOnlyThemes.includes(theme)) {
- newTheme = theme;
- darkMode = false;
- } else {
- newTheme = theme + '-' + (darkMode ? 'dark' : 'light');
- if (color) {
- newTheme += '-' + color;
- }
- if (newTheme.startsWith('md-') && this.compactMaterial) {
- newTheme = newTheme.replace('md-', 'mdc-');
- }
- }
-
- this.configService.applyTheme(newTheme);
- this.updateUserTheme(newTheme);
- }
-
- private async updateUserTheme(theme: string) {
- try {
- await (await this.userService.getCurrentUser()).subscribe(
- async (result: any) => {
- const user = result
- if (user && user.userId) {
- const userThemeUpdate = {
- defaultTheme: theme,
- userId: user.userId,
- };
- (await this.userService.updateUserTheme(userThemeUpdate)).subscribe(
- (result: any) => { },
- (error) => console.error('Error updating theme:', error)
- );
- }
- }
- );
- } catch (error) {
- console.error('Error getting current user:', error);
- }
- }
-
- private updateUIForTheme(theme: string) {
- const isDark = theme.includes('-dark');
- const darkModeToggle = this.document.querySelector('#darkModeToggle') as HTMLInputElement;
- if (darkModeToggle) {
- darkModeToggle.checked = isDark;
- }
- }
-
- decrementScale() {
- this.scale--;
- }
-
- onInputStyleChange(event: any) {
- this.inputStyle = event.value;
- }
-
- incrementScale() {
- this.scale++;
- }
-
- ngOnDestroy() {
- this.subscription.unsubscribe();
- }
-}
diff --git a/client/src/app/Shared/config/app.config.module.ts b/client/src/app/Shared/config/app.config.module.ts
deleted file mode 100644
index b1d15ee6..00000000
--- a/client/src/app/Shared/config/app.config.module.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { ButtonModule } from 'primeng/button';
-import { InputSwitchModule } from 'primeng/inputswitch';
-import { RadioButtonModule } from 'primeng/radiobutton';
-import { SidebarModule } from 'primeng/sidebar';
-import { AppConfigComponent } from './app.config.component';
-import { SelectButtonModule } from 'primeng/selectbutton';
-@NgModule({
- imports: [CommonModule, FormsModule, SidebarModule, InputSwitchModule, ButtonModule, RadioButtonModule, SelectButtonModule],
- exports: [AppConfigComponent],
- declarations: [AppConfigComponent]
-})
-export class AppConfigModule {}
diff --git a/client/src/app/Shared/domain/appconfig.ts b/client/src/app/Shared/domain/appconfig.ts
deleted file mode 100644
index a50f5b83..00000000
--- a/client/src/app/Shared/domain/appconfig.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-export interface AppConfig {
- theme: string;
- darkMode: boolean;
- ripple: boolean;
- scale: number;
- tableTheme: string;
-}
diff --git a/client/src/app/Shared/domain/appstate.ts b/client/src/app/Shared/domain/appstate.ts
deleted file mode 100644
index d83757f8..00000000
--- a/client/src/app/Shared/domain/appstate.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export interface AppState {
- configActive: boolean;
- menuActive: boolean;
- newsActive: boolean;
-}
diff --git a/client/src/app/Shared/domain/theme.ts b/client/src/app/Shared/domain/theme.ts
deleted file mode 100644
index 94c7bc8f..00000000
--- a/client/src/app/Shared/domain/theme.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export interface Theme {
- name: string;
- dark: boolean;
-}
diff --git a/client/src/app/Shared/service/appconfigservice.ts b/client/src/app/Shared/service/appconfigservice.ts
deleted file mode 100644
index d98b10fb..00000000
--- a/client/src/app/Shared/service/appconfigservice.ts
+++ /dev/null
@@ -1,167 +0,0 @@
-import { Inject, Injectable, PLATFORM_ID, effect, signal } from '@angular/core';
-import { Subject } from 'rxjs';
-import { AppConfig } from '../domain/appconfig';
-import { AppState } from '../domain/appstate';
-import { isPlatformBrowser } from '@angular/common';
-import { PrimeNGConfig } from 'primeng/api';
-
-@Injectable({
- providedIn: 'root'
-})
-export class AppConfigService {
- private _config: AppConfig = {
- theme: 'aura-light-blue',
- darkMode: false,
- ripple: true,
- scale: 14,
- tableTheme: 'lara-light-blue'
- };
-
- state: AppState = {
- configActive: false,
- menuActive: false,
- newsActive: false
- };
-
- config = signal<AppConfig>(this._config);
-
- private configUpdate = new Subject<AppConfig>();
- configUpdate$ = this.configUpdate.asObservable();
-
- constructor(
- @Inject(PLATFORM_ID) private platformId: any,
- private primengConfig: PrimeNGConfig
- ) {
- effect(() => {
- const config = this.config();
- if (isPlatformBrowser(this.platformId)) {
- this.loadThemeFile(config.theme);
- this.changeScale(config.scale);
- this.applyRipple(config.ripple);
- this.onConfigUpdate();
- }
- });
- }
-
-
- get currentTheme(): string {
- return this.config().theme;
- }
-
- applyTheme(themeName: string) {
- const isDarkMode = themeName.includes('-dark');
- const tableTheme = isDarkMode ? 'lara-dark-blue' : 'lara-light-blue';
-
- this.config.update(cfg => ({
- ...cfg,
- theme: themeName,
- darkMode: isDarkMode,
- tableTheme: tableTheme
- }));
-
- this.loadThemeFile(themeName);
- }
-
- private loadThemeFile(themeName: string) {
- if (isPlatformBrowser(this.platformId)) {
- const themeLink = document.getElementById('theme-link') as HTMLLinkElement;
- if (themeLink) {
- const timestamp = new Date().getTime();
- const newHref = `assets/components/themes/${themeName}/theme.css?_=${timestamp}`;
-
- themeLink.href = newHref;
- }
- }
- }
-
- setInitialTheme(userTheme: string) {
- this.applyTheme(userTheme);
- }
-
- toggleDarkMode() {
- const currentTheme = this.config().theme;
- const [family, mode, color] = currentTheme.split('-');
- const newMode = mode === 'light' ? 'dark' : 'light';
- const newTheme = `${family}-${newMode}${color ? '-' + color : ''}`;
- this.applyTheme(newTheme);
- }
-
- onConfigUpdate() {
- this.configUpdate.next(this.config());
- }
-
- changeScale(value: number) {
- if (isPlatformBrowser(this.platformId)) {
- document.documentElement.style.fontSize = `${value}px`;
- }
- }
-
- toggleRipple() {
- this.config.update(cfg => ({
- ...cfg,
- ripple: !cfg.ripple
- }));
- this.applyRipple(this.config().ripple);
- this.onConfigUpdate();
- }
-
- private applyRipple(ripple: boolean) {
- this.primengConfig.ripple = ripple;
- }
-
- updateStyle(config: AppConfig) {
- return config.theme !== this._config.theme || config.darkMode !== this._config.darkMode || config.tableTheme !== this._config.tableTheme;
- }
-
- showMenu() {
- this.state.menuActive = true;
- }
-
- hideMenu() {
- this.state.menuActive = false;
- }
-
- showConfig() {
- this.state.configActive = true;
- }
-
- hideConfig() {
- this.state.configActive = false;
- }
-
- showNews() {
- this.state.newsActive = true;
- }
-
- hideNews() {
- this.state.newsActive = false;
- }
-
- changeTheme() {
- const config = this.config();
- const themeLink = <HTMLLinkElement>document.getElementById('theme-link');
- const themeLinkHref = themeLink.getAttribute('href')!;
- const newHref = themeLinkHref
- .split('/')
- .map((el) => (el == this._config.theme ? (el = config.theme) : el == `theme-${this._config.darkMode}` ? (el = `theme-${config.darkMode}`) : el))
- .join('/');
-
- this.replaceThemeLink(newHref);
- }
-
-
- replaceThemeLink(href: string) {
- const id = 'theme-link';
- let themeLink = <HTMLLinkElement>document.getElementById(id);
- const cloneLinkElement = <HTMLLinkElement>themeLink.cloneNode(true);
-
- cloneLinkElement.setAttribute('href', href);
- cloneLinkElement.setAttribute('id', id + '-clone');
-
- themeLink.parentNode!.insertBefore(cloneLinkElement, themeLink.nextSibling);
- cloneLinkElement.addEventListener('load', () => {
- themeLink.remove();
- cloneLinkElement.setAttribute('id', id);
- });
- }
-}
diff --git a/client/src/app/app-menu.ts b/client/src/app/app-menu.ts
deleted file mode 100644
index 2bb1f673..00000000
--- a/client/src/app/app-menu.ts
+++ /dev/null
@@ -1,86 +0,0 @@
-/*
-!#######################################################################
-! C-PATTM SOFTWARE
-! CRANE C-PATTM plan of action and milestones software. Use is governed by the Open Source Academic Research License Agreement contained in the file
-! crane_C_PAT.1_license.txt, which is part of this software package. BY
-! USING OR MODIFYING THIS SOFTWARE, YOU ARE AGREEING TO THE TERMS AND
-! CONDITIONS OF THE LICENSE.
-!########################################################################
-*/
-
-import { MenuItem } from 'primeng/api';
-
-export const appMenuItems: MenuItem[] = [
- {
- label: 'Home',
- icon: 'eva eva-home-outline',
- routerLink: ['/poam-processing'],
- home: true
- },
- {
- label: 'Admin Portal',
- icon: 'eva eva-people-outline',
- routerLink: ['/admin-processing'],
- data: { permission: 'delete', resource: 'user' },
- hidden: true,
- },
- {
- label: 'POAMs',
- icon: 'eva eva-file-text-outline',
- data: { permission: 'view', resource: 'poam' },
- hidden: true,
- expanded: true,
- items: [
- {
- label: 'Manage POAMs',
- icon: 'eva eva-list-outline',
- routerLink: ['/poam-processing/poam-manage'],
- data: { permission: 'view', resource: 'poam' },
- },
- {
- label: 'Add POAM',
- icon: 'eva eva-file-add-outline',
- routerLink: ['/poam-processing/poam-details/ADDPOAM'],
- data: { permission: 'create', resource: 'poam' },
- }
- ]
- },
- {
- label: 'Importing',
- icon: 'pi pi-arrow-right-arrow-left',
- data: { permission: 'create', resource: 'import' },
- hidden: true,
- items: [
- {
- label: 'STIG Manager',
- icon: 'eva eva-swap-outline',
- routerLink: ['/import-processing/stigmanager-import'],
- },
- {
- label: 'Tenable',
- icon: 'eva eva-swap-outline',
- routerLink: ['/import-processing/tenable-import']
- },
- ]
- },
- {
- label: 'Asset Processing',
- icon: 'eva eva-hard-drive-outline',
- routerLink: ['/asset-processing'],
- data: { permission: 'view', resource: 'asset' },
- hidden: true,
- },
- {
- label: 'Label Processing',
- icon: 'eva eva-pricetags-outline',
- routerLink: ['/label-processing'],
- data: { permission: 'view', resource: 'label' },
- hidden: true,
- },
- {
- label: 'Log Out',
- icon: 'eva eva-log-out-outline',
- link: '',
- hidden: false,
- },
- ];
diff --git a/client/src/app/app-routing.module.ts b/client/src/app/app-routing.module.ts
index b5b99629..aca33995 100644
--- a/client/src/app/app-routing.module.ts
+++ b/client/src/app/app-routing.module.ts
@@ -9,25 +9,37 @@
*/
import { NgModule } from '@angular/core';
-import { RouterModule, Routes } from '@angular/router';
-import { NotificationsComponent } from './Shared/notifications/notifications.component';
-import { AuthGuard } from './auth/auth.guard'
-import { UnauthorizedComponent } from './Shared/components/unauthorized/unauthorized.component';
+import { ExtraOptions, RouterModule, Routes } from '@angular/router';
+import { NotificationsComponent } from './common/components/notifications/notifications.component';
+import { AuthGuard } from './core/auth/guards/auth.guard'
+import { UnauthorizedComponent } from './common/components/unauthorized/unauthorized.component';
+import { AppLayoutComponent } from './layout/components/app.layout.component';
+
+const routerOptions: ExtraOptions = {
+ anchorScrolling: 'enabled'
+};
const routes: Routes = [
+ {
+ path: '', component: AppLayoutComponent,
+ children: [
+
{ path: 'admin-processing', canActivate: [AuthGuard], data: { guardType: 'admin' }, loadChildren: () => import('./pages/admin-processing/admin-processing.module').then(m => m.AdminProcessingModule) },
{ path: 'asset-processing', canActivate: [AuthGuard], loadChildren: () => import('./pages/asset-processing/asset-processing.module').then(m => m.AssetProcessingModule) },
- { path: 'consent', canActivate: [AuthGuard], loadChildren: () => import('./pages/dod-consent/dod-consent.module').then(m => m.DoDConsentModule) },
+ { path: 'consent', canActivate: [AuthGuard], loadChildren: () => import('./common/components/dod-consent/dod-consent.module').then(m => m.DoDConsentModule) },
{ path: 'import-processing', canActivate: [AuthGuard], loadChildren: () => import('./pages/import-processing/import-processing.module').then(m => m.ImportProcessingModule) },
{ path: 'label-processing', canActivate: [AuthGuard], loadChildren: () => import('./pages/label-processing/label-processing.module').then(m => m.LabelProcessingModule) },
{ path: 'notifications', canActivate: [AuthGuard], component: NotificationsComponent },
{ path: 'poam-processing', canActivate: [AuthGuard], loadChildren: () => import('./pages/poam-processing/poam-processing.module').then(m => m.PoamProcessingModule) },
{ path: 'marketplace', canActivate: [AuthGuard], loadChildren: () => import('./pages/marketplace/marketplace.module').then(m => m.MarketplaceModule) },
+
+ ]
+ },
{ path: 'unauthorized', component: UnauthorizedComponent },
{ path: '**', redirectTo: 'consent' },
];
@NgModule({
- imports: [RouterModule.forRoot(routes)],
+ imports: [RouterModule.forRoot(routes, routerOptions)],
exports: [RouterModule]
})
export class AppRoutingModule { }
diff --git a/client/src/app/app.component.html b/client/src/app/app.component.html
index 0ca56940..2e9c9763 100644
--- a/client/src/app/app.component.html
+++ b/client/src/app/app.component.html
@@ -8,79 +8,4 @@
!########################################################################
-->
-<div class="layout-wrapper">
- <app-config></app-config>
- <div class="layout-topbar">
- <div class="layout-topbar-left">
- <img src="../assets/cpat.png" alt="C-PAT" (click)="reloadPage()" (onKeyUp)="reloadPage()" style="cursor: pointer;">
- </div>
- <div class="layout-topbar-right">
- <button pButton type="button" icon="pi pi-palette text-2xl" class="p-button-text p-button-rounded p-button-plain" (click)="showConfig()"></button>
- <p-button type="button"
- icon="pi pi-bell text-2xl"
- [badge]="notificationCount"
- (click)="op.toggle($event)"
- (onKeyUp)="op.toggle($event)"
- styleClass="p-button-text p-button-rounded p-button-plain notification-button">
- </p-button>
- <p-overlayPanel #op class="overlay" [dismissable]="true" [showCloseIcon]="false">
- <cpat-notifications-popover [overlayPanel]="op"></cpat-notifications-popover>
- </p-overlayPanel>
- <div class="topbar-profile" (mouseenter)="menu.toggle($event)" (mouseleave)="menu.toggle($event)">
- <button type="button"
- pstyleclass="@next"
- enterclass="hidden"
- class="topbar-profile-button p-link"
- enteractiveclass="scalein"
- leavetoclass="hidden"
- leaveactiveclass="fadeout"
- (click)="menu.toggle($event)">
- <img src="../assets/user.png">
- <span class="profile-details">
- <span class="profile-fullName">
- {{ this.fullName }}
- </span>
- <span class="profile-userRole">
- {{ this.userRole }}
- </span>
- </span>
- <i class="pi pi-angle-down"></i>
- </button>
- <p-menu #menu [popup]="true" [model]="userMenu"></p-menu>
- </div>
- </div>
- </div>
- <div class="layout-sidebar-wrapper">
- <div class="layout-sidebar">
- <div class="layout-menu-container">
- <div class="menu-filter">
- <p-dropdown [options]="collections"
- [(ngModel)]="selectedCollection"
- placeholder="{{ collectionName }}"
- optionLabel="collectionName"
- (onChange)="resetWorkspace($event.value.collectionId)"
- styleClass="custom-height-dropdown">
- </p-dropdown>
- </div>
- <div class="menu-content">
- <p-panelMenu [model]="menuItems" [multiple]="false"></p-panelMenu>
- </div>
- </div>
- </div>
- </div>
- <div class="layout-content-wrapper">
- <div class="layout-subheader" *ngIf="classification?.showBanner">
- <div [style.background-color]="classification?.classificationColorCode" class="subheader-content">
- {{ classification?.classificationText }}
- </div>
- </div>
- <div class="layout-content">
- <router-outlet></router-outlet>
- <p-messages *ngIf="selectCollectionMsg" severity="info" [closable]="false">
- <ng-template pTemplate>
- <p><strong>Welcome to C-PAT!</strong></p>
- <p>Please select a workspace collection from the left sidebar. If you do not have access to select a workspace collection, please contact your C-PAT administrator to be assigned a collection.</p>
- </ng-template>
- </p-messages>
- </div>
- </div>
+ <router-outlet></router-outlet>
diff --git a/client/src/app/app.component.scss b/client/src/app/app.component.scss
deleted file mode 100644
index a75096ba..00000000
--- a/client/src/app/app.component.scss
+++ /dev/null
@@ -1,190 +0,0 @@
-/*
-!#######################################################################
-! C-PATTM SOFTWARE
-! CRANE C-PATTM plan of action and milestones software. Use is governed by the Open Source Academic Research License Agreement contained in the file
-! crane_C_PAT.1_license.txt, which is part of this software package. BY
-! USING OR MODIFYING THIS SOFTWARE, YOU ARE AGREEING TO THE TERMS AND
-! CONDITIONS OF THE LICENSE.
-!########################################################################
-*/
-
-html,
-body {
- height: 100%;
- margin: 0;
-}
-
- ::ng-deep .p-overlaypanel {
- margin-top: 1rem;
- }
-
- ::ng-deep .p-overlaypanel-content {
- padding: 0;
- }
-
-.layout-wrapper {
- display: flex;
- flex-direction: column;
- font-family: Open Sans, sans-serif;
- font-size: 0.9375rem;
- font-weight: 400;
- line-height: 1.25rem;
- min-height: 100%;
-}
-
-.layout-topbar {
- position: fixed;
- top: 0;
- left: 0;
- right: 0;
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 1.5rem;
- padding-bottom: 1.5rem;
- height: 5.5rem;
- box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
- background-color: var(--surface-a);
- z-index: 3;
-}
-
-.layout-topbar-left {
- display: flex;
- align-items: center;
- margin-left: 0.75rem;
-}
-
-.layout-topbar-right {
- display: flex;
- align-items: center;
- gap: 1rem;
-}
-
-:host ::ng-deep .notification-button {
- position: relative !important;
- overflow: visible !important;
-}
-
-:host ::ng-deep .notification-button .p-badge {
- position: absolute !important;
- top: 0 !important;
- right: 0 !important;
- background-color: var(--primary-color) !important;
- color: black !important;
-}
-
-.topbar-profile-button {
- display: flex;
- align-items: center;
- padding: .5rem;
- cursor: pointer;
-}
-
-.topbar-profile-button>img {
- width: 50px;
- height: 50px;
- margin-right: .55rem;
- border-radius: 25px;
-}
-
-.topbar-profile-button i {
- margin-left: .5rem;
- transition: transform var(--transition-duration);
-}
-
-.profile-details {
- display: flex;
- flex-direction: column;
-}
-
-.profile-fullName {
- color: var(--v-menuitem-text-color);
- opacity: 0.9;
-}
-
-.profile-userRole {
- color: var(--v-menuitem-text-color-secondary);
- opacity: 0.9;
-}
-
-.layout-sidebar-wrapper {
- position: fixed;
- top: 5.25rem;
- left: 0;
- bottom: 0;
- width: 18.25rem;
- transform: translateX(-100%);
- transition: transform 0.3s;
- z-index: 2;
- background-color: var(--surface-a);
- box-shadow: 0, 0.5rem, 1rem, 0, rgba(0, 0, 0, 0.1);
-}
-
-.layout-sidebar-wrapper.active {
- transform: translateX(0);
-}
-
-.layout-sidebar {
- height: 100%;
- overflow-y: auto;
-}
-
-.layout-menu-container {
- padding: 1rem;
-}
-
-.menu-header {
- margin-bottom: 1rem;
-}
-
-.menu-filter {
- margin-bottom: 5px;
-}
-
-:host ::ng-deep .custom-height-dropdown {
- height: 2.5rem !important;
- width: 100%;
- align-items: center;
- font-weight: 500;
-}
-
-.menu-content {
- flex: 1;
-}
-
-.layout-content-wrapper {
- margin-left: 17.5rem;
- padding-top: 4.95rem;
- flex: 1;
- display: flex;
- flex-direction: column;
- min-height: calc(100% - 4.5rem);
-}
-
-.layout-content {
- overflow-y: auto;
- padding: 2.25rem;
- padding-bottom: 1.25rem;
- flex: 1;
-}
-
-.layout-subheader {
- padding: 2rem;
- box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
- background-color: var(--surface-a);
- position: sticky;
- top: 0;
- z-index: 2;
- margin-right: -1rem;
-}
-
-.subheader-content {
- text-align: center;
- font-weight: 500;
-}
-
-@media screen and (min-width: 992px) {
- .layout-sidebar-wrapper {
- transform: translateX(0);
- }
-}
diff --git a/client/src/app/app.component.ts b/client/src/app/app.component.ts
index 7b25bb98..cd651cfe 100644
--- a/client/src/app/app.component.ts
+++ b/client/src/app/app.component.ts
@@ -8,169 +8,32 @@
!########################################################################
*/
-import { Component, EventEmitter, Input, OnDestroy, OnInit, Output } from '@angular/core';
-import { NavigationEnd, Router } from '@angular/router';
-import { MenuItem, PrimeNGConfig } from 'primeng/api';
-import { Subject } from 'rxjs';
-import { filter, takeUntil } from 'rxjs/operators';
-import { SubSink } from 'subsink';
-import { PoamService } from '../app/pages/poam-processing/poams.service';
-import { NotificationService } from './Shared/notifications/notifications.service';
-import { SharedService } from './Shared/shared.service';
-import { accessControlList } from './access-control-list';
-import { appMenuItems } from './app-menu';
-import { CollectionsService } from './pages/admin-processing/collection-processing/collections.service';
-import { UsersService } from './pages/admin-processing/user-processing/users.service';
-import { AuthService } from './auth/auth.service';
-import { format } from 'date-fns';
-import { Classification } from './Shared/models/classification.model';
-import { AppConfigService } from './Shared/service/appconfigservice';
-
-interface Permission {
- userId: number;
- collectionId: number;
- accessLevel: number;
-}
-
-function getRoleFromAccessLevel(accessLevel: number): string {
- switch (accessLevel) {
- case 1:
- return 'viewer';
- case 2:
- return 'submitter';
- case 3:
- return 'approver';
- case 4:
- return 'cat1approver';
- default:
- return 'none';
- }
-}
+import { Component, OnInit } from '@angular/core';
+import { SharedService } from './common/services/shared.service';
+import { AuthService } from './core/auth/services/auth.service';
+import { Classification } from './common/models/classification.model';
@Component({
selector: "cpat-app",
- templateUrl: './app.component.html',
- styleUrls: ['./app.component.scss']
+ templateUrl: './app.component.html'
})
-export class AppComponent implements OnInit, OnDestroy {
+export class AppComponent implements OnInit {
classification: Classification | undefined;
userProfile: any = null;
- users: any = null;
- menuItems: MenuItem[] = appMenuItems;
- selectedTheme: any;
- selectCollectionMsg: boolean = false;
- collections: any = [];
- notificationCount: any = null;
- selectedCollection: any = null;
- collectionName: string = 'Select Collection';
- sidebarExpanded = true;
- payload: any;
- user: any;
- fullName: any;
- userRole: any;
- poams: any;
- poamItems: any;
- viewingfulldetails: boolean = false;
- public detailedPoam: any;
- private subs = new SubSink();
- private destroy$ = new Subject<void>();
- userMenu: MenuItem[] = [{ label: 'Log Out', icon: 'pi pi-sign-out' }];
- themes = ['dark', 'Slate', 'Cosmic', 'Corporate', 'corporate'];
- @Input() showConfigurator = true;
-
- @Input() showMenuButton = true;
-
- @Output() onDarkModeSwitch = new EventEmitter<any>();
constructor(
private authService: AuthService,
- private router: Router,
private sharedService: SharedService,
- private collectionService: CollectionsService,
- private userService: UsersService,
- private poamService: PoamService,
- private notificationService: NotificationService,
- private primengConfig: PrimeNGConfig,
- private configService: AppConfigService
) { }
public async ngOnInit() {
try {
await this.authService.initializeAuthentication();
this.userProfile = await this.authService.getUserData('cpat');
- this.setMenuItems();
} catch (error) {
- this.configService.setInitialTheme('aura-light-blue');
console.error('Authentication Error:', error);
- }
- this.userProfile ? this.setPayload() : setTimeout(() => this.ngOnInit(), 1000);
-
- this.setMenuItems();
- this.setupUserMenuActions();
-
- this.poamService.onNewPoam.subscribe({
- next: () => {
- this.getPoamsForCollection();
- }
- });
- }
-
- showConfig() {
- this.configService.showConfig();
- }
-
- toggleDarkMode() {
- this.configService.toggleDarkMode();
- }
-
- get isDarkMode() {
- return this.configService.config().darkMode;
- }
-
- onThemeChange() {
- const theme = this.configService.config().theme;
- const body = document.body;
- const layoutWrapper = document.querySelector('.layout-wrapper');
-
- body.setAttribute('data-p-theme', theme);
- layoutWrapper?.setAttribute('data-p-theme', theme);
- }
-
- setMenuItems() {
- const marketplaceDisabled = CPAT.Env.features.marketplaceDisabled;
- if (marketplaceDisabled) {
- this.userMenu = [{ label: 'Log Out', icon: 'pi pi-sign-out', command: () => this.logout() }];
- } else {
- this.userMenu = [
- { label: 'Marketplace', icon: 'pi pi-shopping-cart', command: () => this.goToMarketplace() },
- { label: 'Log Out', icon: 'pi pi-sign-out', command: () => this.logout() }
- ];
- }
- }
-
- setupUserMenuActions() {
- this.userMenu.forEach(item => {
- if (item.label === 'Marketplace') {
- item.command = () => this.goToMarketplace();
- } else if (item.label === 'Log Out') {
- item.command = () => this.logout();
- }
- });
- }
-
- goToMarketplace() {
- this.router.navigate(['/marketplace']);
- }
-
- logout() {
- this.authService.logout().then(() => {
- this.router.navigate(['/login']);
- });
- }
-
- async setPayload() {
- try {
+ } finally {
const apiConfig = await this.sharedService.getApiConfig().toPromise();
if (apiConfig && typeof apiConfig === 'object' && 'classification' in apiConfig) {
const apiClassification = (apiConfig as { classification: string }).classification;
@@ -178,244 +41,6 @@ export class AppComponent implements OnInit, OnDestroy {
} else {
console.error('Invalid API configuration response');
}
- } catch (error) {
- console.error('Error retrieving API configuration:', error);
- }
- this.user = null;
- this.payload = null;
- this.subs.sink = (await this.userService.getCurrentUser()).subscribe({
- next: (response: any) => {
- this.user = response;
- this.fullName = response.fullName;
- this.userRole = this.user.isAdmin ? 'C-PAT Admin' : 'C-PAT User';
- if (this.user.defaultTheme) {
- this.configService.setInitialTheme(this.user.defaultTheme);
- } else {
- this.configService.setInitialTheme('aura-light-blue');
- }
- if (this.user.accountStatus === 'ACTIVE') {
- this.payload = {
- ...this.user,
- collections: this.user.permissions.map((permission: Permission) => ({
- collectionId: permission.collectionId,
- accessLevel: permission.accessLevel,
- }))
- };
- this.getNotificationCount();
- this.getCollections();
- this.router.events.pipe(
- filter(event => event instanceof NavigationEnd),
- takeUntil(this.destroy$)
- ).subscribe(() => {
- if (this.user.userId) {
- this.getNotificationCount();
- }
- });
- } else {
- alert('Your account status is not Active, contact your system administrator');
- }
- },
- error: async (error) => {
- console.error('An error occurred:', error.message);
- }
- });
- }
-
- async getCollections() {
- const userName = this.payload.userName;
- this.subs.sink = (await this.collectionService.getCollections(userName)).subscribe((result: any) => {
- this.collections = result;
- this.selectedTheme = this.user.defaultTheme || 'dark';
- if (this.user.lastCollectionAccessedId) {
- this.selectedCollection = +this.user.lastCollectionAccessedId;
- this.resetWorkspace(this.selectedCollection);
- } else if (!this.payload.lastCollectionAccessedId || this.payload.lastCollectionAccessedId === undefined) {
- this.selectedCollection = null;
- this.selectCollectionMsg = true;
- } else {
- this.getPoamsForCollection();
- }
- });
- }
-
- async getNotificationCount() {
- this.subs.sink = (await this.notificationService.getUnreadNotificationCountByUserId(this.user.userId)).subscribe((result: any) => {
- this.notificationCount = result > 0 ? result : null;
- });
- }
-
- async getPoamsForCollection() {
- if (this.payload.lastCollectionAccessedId) {
- this.subs.sink = (await this.poamService.getPoamsByCollection(this.payload.lastCollectionAccessedId)).subscribe((poams: any) => {
- this.poams = poams;
- this.poamItems = [];
- const treeArray: any[] = [];
- this.poams.forEach((poam: any) => {
- const treeObj = {
- text: poam.poamId + " - " + poam.vulnerabilityId + ' - ' + poam.description,
- value: poam.poamId,
- collapsed: true,
- checked: false,
- };
- treeArray.push(treeObj);
- });
- });
- }
- }
-
- onSelectedPoamChange(data: any) {
- if (data.length === 0) return;
- const poamId = data[0];
- const poam = this.poams.find((e: { poamId: any; }) => e.poamId === poamId);
-
- this.poamItems.forEach((item: { checked: boolean; }) => {
- if (item.checked) item.checked = false;
- });
- this.router.navigateByUrl("/poam-processing/poam-details/" + poam.poamId);
- }
-
- applyInitialTheme() {
- const theme = this.configService.currentTheme;
- const body = document.body;
- const layoutWrapper = document.querySelector('.layout-wrapper');
-
- body.setAttribute('data-p-theme', theme);
- layoutWrapper!.setAttribute('data-p-theme', theme);
- }
-
- async onSelectedThemeChange(theme: string) {
- if (!this.user) {
- console.error("User data is not available");
- return;
- }
- this.selectedTheme = theme;
- this.user.defaultTheme = theme;
- const userThemeUpdate = {
- defaultTheme: theme,
- userId: this.user.userId,
- };
- (await this.userService.updateUserTheme(userThemeUpdate)).subscribe((result: any) => { });
- }
-
- async resetWorkspace(selectedCollection: any) {
- this.selectedCollection = selectedCollection;
- this.selectCollectionMsg = false;
- this.sharedService.setSelectedCollection(parseInt(this.selectedCollection, 10));
-
- const collection = this.collections.find((x: { collectionId: any; }) => x.collectionId == this.selectedCollection);
- this.collectionName = 'Collection: ' + collection.collectionName;
- if (collection) {
- const stWorkspace = document.getElementById('selectedCollection') as HTMLInputElement;
- if (stWorkspace) {
- const att = stWorkspace.querySelector("span");
- if (att) {
- att.textContent = "Collection - " + collection.collectionName;
- }
- }
- }
- const now = new Date();
- const formattedNow = format(now, 'yyyy-MM-dd HH:mm:ss');
- const userUpdate = {
- userId: this.user.userId,
- userName: this.user.userName,
- email: this.user.email,
- lastAccess: formattedNow,
- firstName: this.user.firstName,
- lastName: this.user.lastName,
- lastCollectionAccessedId: parseInt(selectedCollection),
- accountStatus: this.user.accountStatus,
- officeOrg: this.user.officeOrg,
- defaultTheme: this.user.defaultTheme || 'default',
- isAdmin: this.user.isAdmin,
- };
- const selectedPermissions = this.payload.collections.find((x: { collectionId: any; }) => x.collectionId == selectedCollection);
- let myRole: string;
-
- if (!selectedPermissions && !this.user.isAdmin) {
- myRole = 'none';
- } else if (this.user.isAdmin) {
- myRole = 'admin';
- } else if (selectedPermissions) {
- myRole = getRoleFromAccessLevel(selectedPermissions.accessLevel);
- } else {
- myRole = 'none';
}
-
- this.payload.role = myRole;
- this.userService.changeRole(this.payload);
-
- if (this.user.lastCollectionAccessedId !== selectedCollection) {
- try {
- const result = await (await this.userService.updateUser(userUpdate)).toPromise();
- this.user = result;
- this.authMenuItems();
- window.location.reload();
- } catch (error) {
- console.error('Error updating user:', error);
- }
- } else {
- this.authMenuItems();
- }
- }
-
- changeDetailsView(poam: any) {
- this.viewingfulldetails = !this.viewingfulldetails;
- this.poamItems.forEach((item: { checked: boolean; }) => {
- if (item.checked) item.checked = false;
- });
- this.detailedPoam = poam;
- }
-
- authMenuItems() {
- this.menuItems = appMenuItems;
- this.menuItems.forEach((item: MenuItem) => {
- item.visible = false;
- this.authMenuItem(item);
- });
- }
-
- authMenuItem(menuItem: MenuItem) {
- menuItem.visible = false;
- if (menuItem['data'] && menuItem['data']['permission'] && menuItem['data']['resource'] && this.payload.role !== "none") {
- if (this.accessChecker(menuItem['data']['permission'], menuItem['data']['resource'])) {
- menuItem.visible = true;
- }
- } else {
- menuItem.visible = true;
- }
-
- if (menuItem.visible && menuItem.items) {
- menuItem.items.forEach((item: MenuItem) => {
- item.visible = false;
- if (item['data'] && item['data']['permission'] && item['data']['resource']) {
- if (this.accessChecker(item['data']['permission'], item['data']['resource'])) {
- item.visible = true;
- }
- } else {
- item.visible = menuItem.visible;
- }
- });
- }
- }
-
- accessChecker(permission: string, resource: string): boolean {
- const rolePermissions = accessControlList.accessControl[this.payload.role] || {};
- if (!permission) return false;
-
- const resourcesWithPermission = rolePermissions[permission];
- if (resourcesWithPermission && Array.isArray(resourcesWithPermission)) {
- return resourcesWithPermission.includes(resource) || resourcesWithPermission.includes("*");
- }
- return false;
- }
-
- reloadPage(): void {
- window.location.reload();
- }
-
- ngOnDestroy() {
- this.destroy$.next();
- this.destroy$.complete();
- this.subs.unsubscribe();
}
}
diff --git a/client/src/app/app.module.ts b/client/src/app/app.module.ts
index f7acc0c0..336dca12 100644
--- a/client/src/app/app.module.ts
+++ b/client/src/app/app.module.ts
@@ -8,7 +8,7 @@
!########################################################################
*/
-import { AppConfigComponent } from './Shared/config/app.config.component';
+import { AppConfigModule } from './layout/app.config.module';
import { AuthModule } from 'angular-auth-oidc-client';
import { APP_BASE_HREF } from "@angular/common";
import { HttpClientModule } from '@angular/common/http';
@@ -19,13 +19,12 @@ import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { CardModule } from 'primeng/card';
import { provideCharts, withDefaultRegisterables } from 'ng2-charts';
import { FileUploadService } from '../app/pages/import-processing/emass-import/file-upload.service';
-import { SharedModule } from './Shared/shared.module';
+import { SharedModule } from './common/shared.module';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { NgParticlesModule } from 'ng-particles';
-import { NotFoundComponent } from './Shared/components/not-found/not-found.component';
-import { UnauthorizedComponent } from './Shared/components/unauthorized/unauthorized.component';
-import { BadgeModule } from 'primeng/badge';
+import { NotFoundComponent } from './common/components/not-found/not-found.component';
+import { UnauthorizedComponent } from './common/components/unauthorized/unauthorized.component';
import { ButtonModule } from 'primeng/button';
import { AvatarModule } from 'primeng/avatar';
import { MenuModule } from 'primeng/menu';
@@ -33,8 +32,8 @@ import { PanelMenuModule } from 'primeng/panelmenu';
import { DropdownModule } from 'primeng/dropdown';
import { MessagesModule } from 'primeng/messages';
import { OverlayPanelModule } from 'primeng/overlaypanel';
+import { RippleModule } from 'primeng/ripple';
import { SelectButtonModule } from 'primeng/selectbutton';
-import { TooltipModule } from 'primeng/tooltip';
import { PrimeNGConfig } from 'primeng/api';
function getScopeStr(configId: string) {
const cpatScopePrefix = CPAT.Env.oauth.scopePrefix;
@@ -76,15 +75,15 @@ function getScopeStr(configId: string) {
NotFoundComponent,
UnauthorizedComponent
],
- providers: [
- { provide: APP_BASE_HREF, useValue: "/" },
- FileUploadService,
- provideCharts(withDefaultRegisterables()),
- PrimeNGConfig,
- ],
- bootstrap: [AppComponent],
- exports: [],
imports: [
+ BrowserModule,
+ BrowserAnimationsModule,
+ FormsModule,
+ HttpClientModule,
+ AppRoutingModule,
+ SharedModule,
+ AppConfigModule,
+ NgParticlesModule,
AuthModule.forRoot({
config: [
{
@@ -121,10 +120,9 @@ function getScopeStr(configId: string) {
},
],
}),
- AppConfigComponent,
- BadgeModule,
- ButtonModule,
AvatarModule,
+ ButtonModule,
+ RippleModule,
CardModule,
MenuModule,
PanelMenuModule,
@@ -132,14 +130,13 @@ function getScopeStr(configId: string) {
MessagesModule,
OverlayPanelModule,
SelectButtonModule,
- TooltipModule,
- AppRoutingModule,
- SharedModule,
- BrowserModule,
- FormsModule,
- BrowserAnimationsModule,
- HttpClientModule,
- NgParticlesModule,
- ]
+ ],
+ providers: [
+ { provide: APP_BASE_HREF, useValue: "/" },
+ FileUploadService,
+ provideCharts(withDefaultRegisterables()),
+ PrimeNGConfig,
+ ],
+ bootstrap: [AppComponent]
})
export class AppModule { }
diff --git a/client/src/app/Shared/components/confirmation-dialog/confirmation-dialog.component.scss b/client/src/app/common/components/confirmation-dialog/confirmation-dialog.component.scss
similarity index 100%
rename from client/src/app/Shared/components/confirmation-dialog/confirmation-dialog.component.scss
rename to client/src/app/common/components/confirmation-dialog/confirmation-dialog.component.scss
diff --git a/client/src/app/Shared/components/confirmation-dialog/confirmation-dialog.component.ts b/client/src/app/common/components/confirmation-dialog/confirmation-dialog.component.ts
similarity index 100%
rename from client/src/app/Shared/components/confirmation-dialog/confirmation-dialog.component.ts
rename to client/src/app/common/components/confirmation-dialog/confirmation-dialog.component.ts
diff --git a/client/src/app/pages/dod-consent/consent-dialog.component.ts b/client/src/app/common/components/dod-consent/consent-dialog.component.ts
similarity index 92%
rename from client/src/app/pages/dod-consent/consent-dialog.component.ts
rename to client/src/app/common/components/dod-consent/consent-dialog.component.ts
index 0f71f681..c6514b6c 100644
--- a/client/src/app/pages/dod-consent/consent-dialog.component.ts
+++ b/client/src/app/common/components/dod-consent/consent-dialog.component.ts
@@ -19,9 +19,10 @@ import { DynamicDialogRef } from 'primeng/dynamicdialog';
</p>
</div>
<p-footer>
- <button pButton type="button" label="OK" icon="pi pi-check" (click)="consentOk()" class="p-button-text"></button>
+ <button pButton type="button" label="OK" icon="pi pi-check" (click)="consentOk()" class="p-button-text consent-button"></button>
</p-footer>
- `
+ `,
+ styleUrls: ['./dod-consent.component.scss'],
})
export class ConsentDialogComponent {
constructor(private router: Router, public ref: DynamicDialogRef) { }
diff --git a/client/src/app/pages/dod-consent/dod-consent.component.html b/client/src/app/common/components/dod-consent/dod-consent.component.html
similarity index 92%
rename from client/src/app/pages/dod-consent/dod-consent.component.html
rename to client/src/app/common/components/dod-consent/dod-consent.component.html
index 3137108d..459d5a40 100644
--- a/client/src/app/pages/dod-consent/dod-consent.component.html
+++ b/client/src/app/common/components/dod-consent/dod-consent.component.html
@@ -24,7 +24,9 @@
</p>
</div>
<p-footer>
- <button pButton type="button" label="OK" icon="pi pi-check" (click)="consentOk()" class="p-button-text"></button>
- </p-footer>
+ <div class="consent-button">
+ <button pButton type="button" label="OK" icon="pi pi-check" (click)="consentOk()" styleClass="consent-button" class="p-button-text"></button>
+</div>
+ </p-footer>
</p-dialog>
</ng-template>
diff --git a/client/src/app/common/components/dod-consent/dod-consent.component.scss b/client/src/app/common/components/dod-consent/dod-consent.component.scss
new file mode 100644
index 00000000..ca685188
--- /dev/null
+++ b/client/src/app/common/components/dod-consent/dod-consent.component.scss
@@ -0,0 +1,3 @@
+.consent-button {
+ margin-top: 1rem;
+}
diff --git a/client/src/app/pages/dod-consent/dod-consent.component.ts b/client/src/app/common/components/dod-consent/dod-consent.component.ts
similarity index 100%
rename from client/src/app/pages/dod-consent/dod-consent.component.ts
rename to client/src/app/common/components/dod-consent/dod-consent.component.ts
diff --git a/client/src/app/pages/dod-consent/dod-consent.module.ts b/client/src/app/common/components/dod-consent/dod-consent.module.ts
similarity index 100%
rename from client/src/app/pages/dod-consent/dod-consent.module.ts
rename to client/src/app/common/components/dod-consent/dod-consent.module.ts
diff --git a/client/src/app/pages/dod-consent/dod-consent.routing.ts b/client/src/app/common/components/dod-consent/dod-consent.routing.ts
similarity index 100%
rename from client/src/app/pages/dod-consent/dod-consent.routing.ts
rename to client/src/app/common/components/dod-consent/dod-consent.routing.ts
diff --git a/client/src/app/Shared/components/not-found/not-found.component.html b/client/src/app/common/components/not-found/not-found.component.html
similarity index 100%
rename from client/src/app/Shared/components/not-found/not-found.component.html
rename to client/src/app/common/components/not-found/not-found.component.html
diff --git a/client/src/app/Shared/components/not-found/not-found.component.scss b/client/src/app/common/components/not-found/not-found.component.scss
similarity index 100%
rename from client/src/app/Shared/components/not-found/not-found.component.scss
rename to client/src/app/common/components/not-found/not-found.component.scss
diff --git a/client/src/app/Shared/components/not-found/not-found.component.ts b/client/src/app/common/components/not-found/not-found.component.ts
similarity index 94%
rename from client/src/app/Shared/components/not-found/not-found.component.ts
rename to client/src/app/common/components/not-found/not-found.component.ts
index 1cc1d615..f8951735 100644
--- a/client/src/app/Shared/components/not-found/not-found.component.ts
+++ b/client/src/app/common/components/not-found/not-found.component.ts
@@ -9,7 +9,7 @@
*/
import { Component, OnInit } from '@angular/core';
-import { AuthService } from '../../../auth/auth.service';
+import { AuthService } from '../../../core/auth/services/auth.service';
import { Router } from '@angular/router';
@Component({
diff --git a/client/src/app/Shared/notifications/notifications-popover/notifications-popover.component.html b/client/src/app/common/components/notifications/notifications-popover/notifications-popover.component.html
similarity index 100%
rename from client/src/app/Shared/notifications/notifications-popover/notifications-popover.component.html
rename to client/src/app/common/components/notifications/notifications-popover/notifications-popover.component.html
diff --git a/client/src/app/Shared/notifications/notifications-popover/notifications-popover.component.scss b/client/src/app/common/components/notifications/notifications-popover/notifications-popover.component.scss
similarity index 100%
rename from client/src/app/Shared/notifications/notifications-popover/notifications-popover.component.scss
rename to client/src/app/common/components/notifications/notifications-popover/notifications-popover.component.scss
diff --git a/client/src/app/Shared/notifications/notifications-popover/notifications-popover.component.ts b/client/src/app/common/components/notifications/notifications-popover/notifications-popover.component.ts
similarity index 93%
rename from client/src/app/Shared/notifications/notifications-popover/notifications-popover.component.ts
rename to client/src/app/common/components/notifications/notifications-popover/notifications-popover.component.ts
index 272dd661..7e40e299 100644
--- a/client/src/app/Shared/notifications/notifications-popover/notifications-popover.component.ts
+++ b/client/src/app/common/components/notifications/notifications-popover/notifications-popover.component.ts
@@ -11,7 +11,7 @@
import { Component, Input, OnInit } from '@angular/core';
import { NotificationService } from '../notifications.service';
import { SubSink } from 'subsink';
-import { UsersService } from '../../../pages/admin-processing/user-processing/users.service';
+import { UsersService } from '../../../../pages/admin-processing/user-processing/users.service';
import { Router } from '@angular/router';
import { OverlayPanel } from 'primeng/overlaypanel';
@@ -49,7 +49,7 @@ export class NotificationsPanelComponent implements OnInit {
this.payload = null;
this.subs.sink = (await this.userService.getCurrentUser()).subscribe({
next: (response: any) => {
- if (response.userId) {
+ if (response?.userId) {
this.user = response;
if (this.user.accountStatus === 'ACTIVE') {
diff --git a/client/src/app/Shared/notifications/notifications.component.html b/client/src/app/common/components/notifications/notifications.component.html
similarity index 100%
rename from client/src/app/Shared/notifications/notifications.component.html
rename to client/src/app/common/components/notifications/notifications.component.html
diff --git a/client/src/app/Shared/notifications/notifications.component.scss b/client/src/app/common/components/notifications/notifications.component.scss
similarity index 100%
rename from client/src/app/Shared/notifications/notifications.component.scss
rename to client/src/app/common/components/notifications/notifications.component.scss
diff --git a/client/src/app/Shared/notifications/notifications.component.ts b/client/src/app/common/components/notifications/notifications.component.ts
similarity index 93%
rename from client/src/app/Shared/notifications/notifications.component.ts
rename to client/src/app/common/components/notifications/notifications.component.ts
index 8e6b944a..ed3c85a6 100644
--- a/client/src/app/Shared/notifications/notifications.component.ts
+++ b/client/src/app/common/components/notifications/notifications.component.ts
@@ -11,7 +11,7 @@
import { Component, OnInit } from '@angular/core';
import { NotificationService } from './notifications.service';
import { SubSink } from 'subsink';
-import { UsersService } from '../../pages/admin-processing/user-processing/users.service';
+import { UsersService } from '../../../pages/admin-processing/user-processing/users.service';
import { firstValueFrom } from 'rxjs';
interface Permission {
@@ -58,7 +58,7 @@ export class NotificationsComponent implements OnInit {
this.payload = null;
try {
const response: any = await firstValueFrom(await this.userService.getCurrentUser());
- if (response.userId) {
+ if (response?.userId) {
this.user = response;
if (this.user.accountStatus === 'ACTIVE') {
@@ -121,7 +121,7 @@ export class NotificationsComponent implements OnInit {
}
async dismissAllNotifications() {
- if (!this.user || !this.user.userId) {
+ if (!this.user?.userId) {
console.error('User ID is not available');
return;
}
@@ -134,7 +134,7 @@ export class NotificationsComponent implements OnInit {
}
async deleteAllNotifications() {
- if (!this.user || !this.user.userId) {
+ if (!this.user?.userId) {
console.error('User ID is not available');
return;
}
diff --git a/client/src/app/Shared/notifications/notifications.service.ts b/client/src/app/common/components/notifications/notifications.service.ts
similarity index 100%
rename from client/src/app/Shared/notifications/notifications.service.ts
rename to client/src/app/common/components/notifications/notifications.service.ts
diff --git a/client/src/app/common/components/search/app.search.component.ts b/client/src/app/common/components/search/app.search.component.ts
new file mode 100644
index 00000000..dd8d3a84
--- /dev/null
+++ b/client/src/app/common/components/search/app.search.component.ts
@@ -0,0 +1,77 @@
+import { Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { Router } from '@angular/router';
+import { AutoCompleteModule } from 'primeng/autocomplete';
+
+interface SearchItem {
+ title: string;
+ path: string;
+}
+
+@Component({
+ selector: 'app-search',
+ standalone: true,
+ imports: [CommonModule, FormsModule, AutoCompleteModule],
+ template: `
+ <span class="p-input-icon-right">
+ <p-autoComplete
+ [(ngModel)]="query"
+ [suggestions]="filteredItems"
+ (completeMethod)="search($event)"
+ (onSelect)="navigateTo($event)"
+ [placeholder]="placeholder"
+ [field]="'title'"
+ [minLength]="1"
+ [scrollHeight]="'500px'"
+ [style]="{'width':'100%'}">
+ <ng-template let-item pTemplate="item">
+ <div>{{item.title}}</div>
+ </ng-template>
+ </p-autoComplete>
+ <i class="pi pi-search"></i>
+</span>
+ `,
+ styles: [`
+ :host ::ng-deep .p-autocomplete {
+ width: 100%;
+ }
+ :host ::ng-deep .p-autocomplete-panel {
+ max-width: 100%;
+ }
+ `]
+})
+export class AppSearchComponent {
+ public filteredItems: SearchItem[] = [];
+ public query: string = '';
+ public placeholder: string = 'Search...';
+
+ private searchItems: SearchItem[] = [
+ { title: 'Add POAM', path: '/poam-processing/poam-details/ADDPOAM' },
+ { title: 'Asset Processing', path: '/asset-processing' },
+ { title: 'Home', path: '/poam-processing' },
+ { title: 'Import Processing', path: '/import-processing' },
+ { title: 'Label Processing', path: '/label-processing' },
+ { title: 'Manage POAMs', path: '/poam-processing/poam-manage' },
+ { title: 'Marketplace', path: '/marketplace' },
+ { title: 'Notifications', path: '/notifications' },
+ { title: 'STIG Manager Import', path: '/import-processing/stigmanager-import' },
+ { title: 'Tenable Import', path: '/import-processing/tenable-import' },
+ ];
+
+ constructor(private router: Router) { }
+
+ search(event: { query: string }) {
+ this.filteredItems = this.searchItems.filter(item =>
+ item.title.toLowerCase().includes(event.query.toLowerCase())
+ );
+ }
+
+ navigateTo(event: { value: SearchItem }) {
+ const item = event.value;
+ if (item && item.path) {
+ this.router.navigate([item.path]);
+ this.query = '';
+ }
+ }
+}
diff --git a/client/src/app/Shared/components/status-card/status-card.component.scss b/client/src/app/common/components/status-card/status-card.component.scss
similarity index 90%
rename from client/src/app/Shared/components/status-card/status-card.component.scss
rename to client/src/app/common/components/status-card/status-card.component.scss
index f372f646..0b2c8a01 100644
--- a/client/src/app/Shared/components/status-card/status-card.component.scss
+++ b/client/src/app/common/components/status-card/status-card.component.scss
@@ -9,24 +9,22 @@
*/
:host ::ng-deep {
- .p-card {
- padding: 0;
- height: 7.5rem;
- display: flex;
- flex-direction: row;
+ .status-card {
align-items: center;
- overflow: visible;
cursor: pointer;
transition: transform 0.3s ease;
-
&:hover {
transform: scale(1.03);
}
.p-card-body {
- padding: 0;
+ padding-bottom: 2rem;
width: 100%;
height: 100%;
+
+ .p-card-content {
+ padding: 0;
+ }
}
.grid {
@@ -36,7 +34,7 @@
align-items: center;
}
- .col-3, .col-9 {
+ .col-12 {
height: 100%;
padding: 0;
display: flex;
@@ -49,13 +47,14 @@
align-items: center;
height: 100%;
padding-left: 1rem;
+ padding-top: 1rem;
}
.icon {
display: flex;
align-items: center;
justify-content: center;
- width: 6rem;
+ width: 6.5rem;
height: 5rem;
border-radius: 4px;
transition: all 0.4s ease;
diff --git a/client/src/app/Shared/components/status-card/status-card.component.ts b/client/src/app/common/components/status-card/status-card.component.ts
similarity index 84%
rename from client/src/app/Shared/components/status-card/status-card.component.ts
rename to client/src/app/common/components/status-card/status-card.component.ts
index 8c64776c..3a58a62e 100644
--- a/client/src/app/Shared/components/status-card/status-card.component.ts
+++ b/client/src/app/common/components/status-card/status-card.component.ts
@@ -6,14 +6,14 @@ import { Component, Input } from '@angular/core';
template: `
<p-card class="status-card">
<div class="grid">
- <div class="col-3">
+ <div class="col-12 md:col-6 lg:col-3">
<div class="icon-container">
<div class="icon status-{{ type }}">
<i class="pi {{ icon }}"></i>
</div>
</div>
</div>
- <div class="col-9">
+ <div class="col-12 md:col-6 lg:col-9">
<div class="details">
<div class="title h5">{{ title }}</div>
</div>
diff --git a/client/src/app/Shared/components/status-dialog/status-dialog.component.ts b/client/src/app/common/components/status-dialog/status-dialog.component.ts
similarity index 100%
rename from client/src/app/Shared/components/status-dialog/status-dialog.component.ts
rename to client/src/app/common/components/status-dialog/status-dialog.component.ts
diff --git a/client/src/app/Shared/components/unauthorized/unauthorized.component.html b/client/src/app/common/components/unauthorized/unauthorized.component.html
similarity index 100%
rename from client/src/app/Shared/components/unauthorized/unauthorized.component.html
rename to client/src/app/common/components/unauthorized/unauthorized.component.html
diff --git a/client/src/app/Shared/components/unauthorized/unauthorized.component.scss b/client/src/app/common/components/unauthorized/unauthorized.component.scss
similarity index 100%
rename from client/src/app/Shared/components/unauthorized/unauthorized.component.scss
rename to client/src/app/common/components/unauthorized/unauthorized.component.scss
diff --git a/client/src/app/Shared/components/unauthorized/unauthorized.component.ts b/client/src/app/common/components/unauthorized/unauthorized.component.ts
similarity index 94%
rename from client/src/app/Shared/components/unauthorized/unauthorized.component.ts
rename to client/src/app/common/components/unauthorized/unauthorized.component.ts
index 20ade53b..15e240b0 100644
--- a/client/src/app/Shared/components/unauthorized/unauthorized.component.ts
+++ b/client/src/app/common/components/unauthorized/unauthorized.component.ts
@@ -9,7 +9,7 @@
*/
import { Component, OnInit } from '@angular/core';
-import { AuthService } from '../../../auth/auth.service';
+import { AuthService } from '../../../core/auth/services/auth.service';
import { Router } from '@angular/router';
@Component({
diff --git a/client/src/app/Shared/models/classification.model.ts b/client/src/app/common/models/classification.model.ts
similarity index 100%
rename from client/src/app/Shared/models/classification.model.ts
rename to client/src/app/common/models/classification.model.ts
diff --git a/client/src/app/Shared/models/themes.model.ts b/client/src/app/common/models/themes.model.ts
similarity index 100%
rename from client/src/app/Shared/models/themes.model.ts
rename to client/src/app/common/models/themes.model.ts
diff --git a/client/src/app/Shared/shared.service.ts b/client/src/app/common/services/shared.service.ts
similarity index 100%
rename from client/src/app/Shared/shared.service.ts
rename to client/src/app/common/services/shared.service.ts
diff --git a/client/src/app/Shared/shared.module.ts b/client/src/app/common/shared.module.ts
similarity index 86%
rename from client/src/app/Shared/shared.module.ts
rename to client/src/app/common/shared.module.ts
index 5c72abfe..18c7e442 100644
--- a/client/src/app/Shared/shared.module.ts
+++ b/client/src/app/common/shared.module.ts
@@ -13,8 +13,8 @@ import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { ConfirmationDialogComponent } from './components/confirmation-dialog/confirmation-dialog.component';
import { StatusDialogComponent } from './components/status-dialog/status-dialog.component';
-import { NotificationsPanelComponent } from './notifications/notifications-popover/notifications-popover.component';
-import { NotificationsComponent } from './notifications/notifications.component';
+import { NotificationsPanelComponent } from './components/notifications/notifications-popover/notifications-popover.component';
+import { NotificationsComponent } from './components/notifications/notifications.component';
import { ButtonModule } from 'primeng/button';
import { CardModule } from 'primeng/card';
import { DataViewModule } from 'primeng/dataview';
diff --git a/client/src/app/Shared/utils/excel-data.service.ts b/client/src/app/common/utils/excel-data.service.ts
similarity index 100%
rename from client/src/app/Shared/utils/excel-data.service.ts
rename to client/src/app/common/utils/excel-data.service.ts
diff --git a/client/src/app/access-control-list.ts b/client/src/app/core/auth/access.control.ts
similarity index 100%
rename from client/src/app/access-control-list.ts
rename to client/src/app/core/auth/access.control.ts
diff --git a/client/src/app/auth/auth.guard.ts b/client/src/app/core/auth/guards/auth.guard.ts
similarity index 93%
rename from client/src/app/auth/auth.guard.ts
rename to client/src/app/core/auth/guards/auth.guard.ts
index 2dd180e6..1a254928 100644
--- a/client/src/app/auth/auth.guard.ts
+++ b/client/src/app/core/auth/guards/auth.guard.ts
@@ -10,7 +10,7 @@
import { Injectable } from '@angular/core';
import { ActivatedRouteSnapshot, CanActivate, Router, RouterStateSnapshot } from '@angular/router';
-import { AuthService } from './auth.service';
+import { AuthService } from '../services/auth.service';
import { Observable, of } from 'rxjs';
import { map, switchMap } from 'rxjs/operators';
diff --git a/client/src/app/auth/auth.service.ts b/client/src/app/core/auth/services/auth.service.ts
similarity index 86%
rename from client/src/app/auth/auth.service.ts
rename to client/src/app/core/auth/services/auth.service.ts
index c42c9411..869b8ccd 100644
--- a/client/src/app/auth/auth.service.ts
+++ b/client/src/app/core/auth/services/auth.service.ts
@@ -3,8 +3,8 @@ import { OidcSecurityService } from 'angular-auth-oidc-client';
import { Observable, firstValueFrom, from } from 'rxjs';
import { map, switchMap } from 'rxjs/operators';
import { Router } from '@angular/router';
-import { UsersService } from '../pages/admin-processing/user-processing/users.service';
-import { Users } from '../pages/admin-processing/user-processing/users.model';
+import { UsersService } from '../../../pages/admin-processing/user-processing/users.service';
+import { Users } from '../../../pages/admin-processing/user-processing/users.model';
@Injectable({
providedIn: 'root',
@@ -59,8 +59,8 @@ export class AuthService {
);
}
- login(configId: string): void {
- this.oidcSecurityService.authorize(configId);
+ async login(configId: string): Promise<void> {
+ await this.oidcSecurityService.authorize(configId);
}
async logout() {
diff --git a/client/src/app/layout/app.config.module.ts b/client/src/app/layout/app.config.module.ts
new file mode 100644
index 00000000..917a2be4
--- /dev/null
+++ b/client/src/app/layout/app.config.module.ts
@@ -0,0 +1,64 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { RouterModule } from '@angular/router';
+import { InputTextModule } from 'primeng/inputtext';
+import { ListboxModule } from 'primeng/listbox';
+import { SidebarModule } from 'primeng/sidebar';
+import { BadgeModule } from 'primeng/badge';
+import { RadioButtonModule } from 'primeng/radiobutton';
+import { InputSwitchModule } from 'primeng/inputswitch';
+import { MenuModule } from 'primeng/menu';
+import { TooltipModule } from 'primeng/tooltip';
+import { RippleModule } from 'primeng/ripple';
+import { ButtonModule } from 'primeng/button';
+import { OverlayPanelModule } from 'primeng/overlaypanel';
+import { SelectButtonModule } from 'primeng/selectbutton';
+import { AppConfigComponent } from './components/app.config.component';
+import { AppLayoutComponent } from './components/app.layout.component';
+import { AppClassificationComponent } from './components/app.classification.component';
+import { AppNavigationComponent } from './components/app.navigation.component';
+import { AppMenuComponent } from './components/app.menu.component';
+import { AppMenuitemComponent } from './components/app.menuitem.component';
+import { AppSearchComponent } from '../common/components/search/app.search.component';
+import { SharedModule } from '../common/shared.module';
+import { PanelMenuModule } from 'primeng/panelmenu';
+import { DropdownModule } from 'primeng/dropdown';
+
+@NgModule({
+ declarations: [
+ AppLayoutComponent,
+ AppClassificationComponent,
+ AppNavigationComponent,
+ AppMenuComponent,
+ AppMenuitemComponent,
+ AppConfigComponent
+ ],
+ imports: [
+ CommonModule,
+ DropdownModule,
+ FormsModule,
+ ReactiveFormsModule,
+ RouterModule,
+ InputTextModule,
+ ListboxModule,
+ SidebarModule,
+ BadgeModule,
+ RadioButtonModule,
+ InputSwitchModule,
+ ButtonModule,
+ OverlayPanelModule,
+ SelectButtonModule,
+ TooltipModule,
+ MenuModule,
+ RippleModule,
+ SharedModule,
+ PanelMenuModule,
+ AppSearchComponent
+ ],
+ exports: [
+ AppLayoutComponent,
+ AppConfigComponent
+ ]
+})
+export class AppConfigModule { }
diff --git a/client/src/app/layout/components/app.classification.component.html b/client/src/app/layout/components/app.classification.component.html
new file mode 100644
index 00000000..d27ced0e
--- /dev/null
+++ b/client/src/app/layout/components/app.classification.component.html
@@ -0,0 +1,7 @@
+<div *ngIf="isClassificationActive" class="layout-classification">
+ <div class="layout-classification-container">
+ <div class="layout-classification-content" [style.background-color]="classification?.classificationColorCode">
+ <span class="layout-classification-text">{{ classification?.classificationText }}</span>
+ </div>
+ </div>
+</div>
diff --git a/client/src/app/layout/components/app.classification.component.ts b/client/src/app/layout/components/app.classification.component.ts
new file mode 100644
index 00000000..eda0b3a2
--- /dev/null
+++ b/client/src/app/layout/components/app.classification.component.ts
@@ -0,0 +1,29 @@
+import { Classification } from '../../common/models/classification.model';
+import { Component, OnInit } from '@angular/core';
+import { SharedService } from '../../common/services/shared.service';
+
+@Component({
+ selector: 'app-classification',
+ templateUrl: './app.classification.component.html'
+})
+export class AppClassificationComponent implements OnInit {
+ classification: Classification | undefined;
+ isClassificationActive: boolean = false;
+
+ constructor(private sharedService: SharedService) { }
+
+ public async ngOnInit() {
+ try {
+ const apiConfig = await this.sharedService.getApiConfig().toPromise();
+ if (apiConfig && typeof apiConfig === 'object' && 'classification' in apiConfig) {
+ const apiClassification = (apiConfig as { classification: string }).classification;
+ this.classification = new Classification(apiClassification);
+ this.isClassificationActive = true;
+ } else {
+ console.error('Invalid API configuration response');
+ }
+ } catch (error) {
+ console.error('Error retrieving API configuration:', error);
+ }
+ }
+}
diff --git a/client/src/app/Shared/config/app.config.component.html b/client/src/app/layout/components/app.config.component.html
similarity index 63%
rename from client/src/app/Shared/config/app.config.component.html
rename to client/src/app/layout/components/app.config.component.html
index b78f13c6..651ebe84 100644
--- a/client/src/app/Shared/config/app.config.component.html
+++ b/client/src/app/layout/components/app.config.component.html
@@ -1,5 +1,4 @@
-<p-sidebar [visible]="isActive" (visibleChange)="onVisibleChange($event)" position="right"
- styleClass="layout-config w-full sm:w-26rem mt-8">
+<p-sidebar [(visible)]="visible" position="right" [transitionOptions]="'.3s cubic-bezier(0, 0, 0.2, 1)'" styleClass="layout-config w-24rem">
<div class="p-2">
<section class="pb-4 flex align-items-center justify-content-between border-bottom-1 surface-border">
<span class="text-xl font-semibold">Scale</span>
@@ -18,18 +17,49 @@
<section class="py-4 flex align-items-center justify-content-between border-bottom-1 surface-border">
<span class="text-xl font-semibold">Input Style</span>
- <p-selectButton [options]="inputStyles" [(ngModel)]="inputStyle" (onChange)="onInputStyleChange($event)"
- optionLabel="label" optionValue="value" allowEmpty="false"></p-selectButton>
+ <p-selectButton [options]="inputStyles" [(ngModel)]="inputStyle" optionLabel="label" optionValue="value" allowEmpty="false"></p-selectButton>
</section>
<section class="py-4 flex align-items-center justify-content-between border-bottom-1 surface-border">
- <span class="text-xl font-semibold">Ripple Mode</span>
- <p-inputSwitch [(ngModel)]="ripple" (onChange)="onRippleChange($event)"></p-inputSwitch>
+ <span [ngClass]="{ 'p-disabled': isDarkToggleDisabled }" class="text-xl font-semibold">Dark Mode</span>
+ <p-inputSwitch [ngModel]="isDarkMode" (onChange)="toggleDarkMode()" [disabled]="isDarkToggleDisabled"></p-inputSwitch>
</section>
<section class="py-4 flex align-items-center justify-content-between border-bottom-1 surface-border">
- <span [ngClass]="{ 'p-disabled': isDarkToggleDisabled }" class="text-xl font-semibold">Dark Mode</span>
- <p-inputSwitch [ngModel]="isDarkMode" (onChange)="toggleDarkMode()" [disabled]="isDarkToggleDisabled"></p-inputSwitch>
+ <span class="text-xl font-semibold">Ripple Mode</span>
+ <p-inputSwitch [(ngModel)]="ripple"></p-inputSwitch>
+ </section>
+
+ <section class="py-4 flex flex-column border-bottom-1 surface-border">
+ <ng-container *ngIf="!minimal">
+ <span class="text-xl font-semibold mb-3">Menu Type</span>
+ <div class="flex flex-wrap row-gap-3">
+ <div class="flex align-items-center gap-2 w-6">
+ <p-radioButton name="menuMode" value="static" [(ngModel)]="menuMode" inputId="mode1"></p-radioButton>
+ <label for="mode1">Static</label>
+ </div>
+ <div class="flex align-items-center gap-2 w-6">
+ <p-radioButton name="menuMode" value="overlay" [(ngModel)]="menuMode" inputId="mode2"></p-radioButton>
+ <label for="mode2">Overlay</label>
+ </div>
+ <div class="flex align-items-center gap-2 w-6">
+ <p-radioButton name="menuMode" value="slim" [(ngModel)]="menuMode" inputId="mode3"></p-radioButton>
+ <label for="mode3">Slim</label>
+ </div>
+ <div class="flex align-items-center gap-2 w-6">
+ <p-radioButton name="menuMode" value="slim-plus" [(ngModel)]="menuMode" inputId="mode4"></p-radioButton>
+ <label for="mode4">Slim +</label>
+ </div>
+ <div class="flex align-items-center gap-2 w-6">
+ <p-radioButton name="menuMode" value="reveal" [(ngModel)]="menuMode" inputId="mode6"></p-radioButton>
+ <label for="mode6">Reveal</label>
+ </div>
+ <div class="flex align-items-center gap-2 w-6">
+ <p-radioButton name="menuMode" value="horizontal" [(ngModel)]="menuMode" inputId="mode5"></p-radioButton>
+ <label for="mode5">Horizontal</label>
+ </div>
+ </div>
+ </ng-container>
</section>
<section class="py-4 border-bottom-1 surface-border">
@@ -111,7 +141,6 @@
</section>
<section class="py-4 border-bottom-1 surface-border">
- <div class="text-xl font-semibold mb-3">Themes</div>
<div class="flex align-items-center gap-2 mb-3">
<img src="https://primefaces.org/cdn/primeng/images/themes/lara-light-teal.png" alt="Lara Light Teal"
class="border-circle" style="width: 1.5rem" />
@@ -172,6 +201,64 @@
</div>
</section>
+ <section class="py-4 border-bottom-1 surface-border">
+ <div class="flex align-items-center gap-2 mb-3">
+ <img src="https://primefaces.org/cdn/primeng/images/themes/arya-blue.png" alt="Arya"
+ class="border-circle" style="width: 1.5rem" />
+ <span class="font-medium">Arya</span>
+ </div>
+ <div class="flex align-items-center justify-content-between gap-3 mb-3">
+ <button [ngClass]="{ 'border-primary': isThemeActive('arya-blue', ''), 'hover:border-500 surface-border': !isThemeActive('arya-blue', '') }"
+ class="bg-transparent border-1 cursor-pointer p-2 w-3 flex align-items-center justify-content-center transition-all transition-duration-200"
+ style="border-radius: 30px" (click)="changeTheme('arya-blue', '')">
+ <span class="block h-1rem w-full"
+ style="border-radius: 30px; background: linear-gradient(180deg, #43a5f4 0%, rgba(67, 165, 244, 0.5) 100%)"></span>
+ </button>
+ <button [ngClass]="{ 'border-primary': isThemeActive('arya-green', ''), 'hover:border-500 surface-border': !isThemeActive('arya-green', '') }"
+ class="bg-transparent border-1 cursor-pointer p-2 w-3 flex align-items-center justify-content-center transition-all transition-duration-200"
+ style="border-radius: 30px" (click)="changeTheme('arya-green', '')">
+ <span class="block h-1rem w-full"
+ style="border-radius: 30px; background: linear-gradient(180deg, #6abd6e 0%, rgba(106, 189, 110, 0.5) 100%)"></span>
+ </button>
+ <button [ngClass]="{ 'border-primary': isThemeActive('arya-orange', ''), 'hover:border-500 surface-border': !isThemeActive('arya-orange', '') }"
+ class="bg-transparent border-1 cursor-pointer p-2 w-3 flex align-items-center justify-content-center transition-all transition-duration-200"
+ style="border-radius: 30px" (click)="changeTheme('arya-orange', '')">
+ <span class="block h-1rem w-full"
+ style="border-radius: 30px; background: linear-gradient(180deg, #ffcd2e 0%, rgba(255, 205, 46, 0.5) 100%)"></span>
+ </button>
+ <button [ngClass]="{ 'border-primary': isThemeActive('arya-purple', ''), 'hover:border-500 surface-border': !isThemeActive('arya-purple', '') }"
+ class="bg-transparent border-1 cursor-pointer p-2 w-3 flex align-items-center justify-content-center transition-all transition-duration-200"
+ style="border-radius: 30px" (click)="changeTheme('arya-purple', '')">
+ <span class="block h-1rem w-full"
+ style="border-radius: 30px; background: linear-gradient(180deg, #b052c0 0%, rgba(176, 82, 192, 0.5) 100%)"></span>
+ </button>
+ </div>
+ </section>
+
+ <section class="py-4 border-bottom-1 surface-border">
+ <div class="flex align-items-center gap-2 mb-3">
+ <img src="https://primefaces.org/cdn/primeng/images/themes/bootstrap4-light-blue.svg" alt="Bootstrap"
+ class="border-circle" style="width: 1.5rem" />
+ <span class="font-medium">Bootstrap</span>
+ </div>
+ <div class="flex align-items-center justify-content-between gap-3">
+ <button [ngClass]="{ 'border-primary': isThemeActive('bootstrap4', 'blue'), 'hover:border-500 surface-border': !isThemeActive('bootstrap4', 'blue') }"
+ class="bg-transparent border-1 cursor-pointer p-2 w-3 flex align-items-center justify-content-center transition-all transition-duration-200"
+ style="border-radius: 30px" (click)="changeTheme('bootstrap4', 'blue')">
+ <span class="block h-1rem w-full"
+ style="border-radius: 30px; background: linear-gradient(180deg, #8dd0ff 0%, rgba(141, 208, 255, 0.5) 100%)"></span>
+ </button>
+ <button [ngClass]="{ 'border-primary': isThemeActive('bootstrap4', 'purple'), 'hover:border-500 surface-border': !isThemeActive('bootstrap4', 'purple') }"
+ class="bg-transparent border-1 cursor-pointer p-2 w-3 flex align-items-center justify-content-center transition-all transition-duration-200"
+ style="border-radius: 30px" (click)="changeTheme('bootstrap4', 'purple')">
+ <span class="block h-1rem w-full"
+ style="border-radius: 30px; background: linear-gradient(180deg, #c298d8 0%, rgba(194, 152, 216, 0.5) 100%)"></span>
+ </button>
+ <div class="w-3"></div>
+ <div class="w-3"></div>
+ </div>
+ </section>
+
<section class="py-4 border-bottom-1 surface-border">
<div class="flex align-items-center gap-2 mb-3">
<img src="https://primefaces.org/cdn/primeng/images/themes/md-light-indigo.svg" alt="Material Design"
@@ -201,5 +288,34 @@
<div class="w-3"></div>
</div>
</section>
+
+ <section class="py-4 border-bottom-1 surface-border">
+ <div class="flex justify-content-between mb-3">
+ <div class="flex align-items-center gap-1">
+ <img src="https://primefaces.org/cdn/primeng/images/themes/soho-light.png" alt="Soho"
+ class="border-circle" style="width: 1.5rem; padding-right: .25rem;" />
+ <span class="font-medium">Soho</span>
+ </div>
+ <div class="flex align-items-center gap-1">
+ <img src="https://primefaces.org/cdn/primeng/images/themes/viva-light.svg" alt="Viva"
+ class="border-circle" style="width: 1.5rem; padding-right: .25rem;" />
+ <span style="margin-right: 2rem;" class="font-medium">Viva</span>
+ </div>
+ </div>
+ <div class="flex align-items-center justify-content-between gap-3">
+ <button [ngClass]="{ 'border-primary': isThemeActive('soho', ''), 'hover:border-500 surface-border': !isThemeActive('soho', '') }"
+ class="bg-transparent border-1 cursor-pointer p-2 w-3 flex align-items-center justify-content-center transition-all transition-duration-200"
+ style="border-radius: 30px" (click)="changeTheme('soho', '')">
+ <span class="block h-1rem w-full"
+ style="border-radius: 30px; background: linear-gradient(180deg, #6d5fa1 0%, rgba(109, 95, 161, 0.5) 100%)"></span>
+ </button>
+ <button [ngClass]="{ 'border-primary': isThemeActive('viva', ''), 'hover:border-500 surface-border': !isThemeActive('viva', '') }"
+ class="bg-transparent border-1 cursor-pointer p-2 w-3 flex align-items-center justify-content-center transition-all transition-duration-200"
+ style="border-radius: 30px" (click)="changeTheme('viva', '')">
+ <span class="block h-1rem w-full"
+ style="border-radius: 30px; background: linear-gradient(180deg, #36487d 0%, rgba(54, 72, 125, 0.5) 100%)"></span>
+ </button>
+ </div>
+ </section>
</div>
</p-sidebar>
diff --git a/client/src/app/layout/components/app.config.component.ts b/client/src/app/layout/components/app.config.component.ts
new file mode 100644
index 00000000..eab4c4cc
--- /dev/null
+++ b/client/src/app/layout/components/app.config.component.ts
@@ -0,0 +1,184 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { LayoutService, MenuMode } from '../services/app.layout.service';
+import { MenuService } from '../services/app.menu.service';
+import { UsersService } from '../../pages/admin-processing/user-processing/users.service';
+import { SubSink } from 'subsink';
+
+@Component({
+ selector: 'app-config',
+ templateUrl: './app.config.component.html',
+})
+export class AppConfigComponent {
+ @Input() minimal: boolean = false;
+ compactMaterial: boolean = false;
+ inputStyles = [
+ { label: 'Outlined', value: 'outlined' },
+ { label: 'Filled', value: 'filled' }
+ ];
+ lightOnlyThemes = ['fluent-light', 'mira', 'nano'];
+ darkOnlyThemes = ['arya-blue', 'arya-green', 'arya-orange', 'arya-purple'];
+ scales: number[] = [12, 13, 14, 15, 16];
+ user: any;
+ private subs = new SubSink();
+ @Output() onDarkModeSwitch = new EventEmitter<any>();
+ constructor(
+ public layoutService: LayoutService,
+ public menuService: MenuService,
+ private userService: UsersService,
+ ) { }
+
+ get visible(): boolean {
+ return this.layoutService.state.configSidebarVisible;
+ }
+ set visible(_val: boolean) {
+ this.layoutService.state.configSidebarVisible = _val;
+ }
+
+ get scale(): number {
+ return this.layoutService.config().scale;
+ }
+ set scale(_val: number) {
+ this.layoutService.config.update((config) => ({
+ ...config,
+ scale: _val,
+ }));
+ }
+
+ get menuMode(): string {
+ return this.layoutService.config().menuMode;
+ }
+ set menuMode(_val: MenuMode) {
+ this.layoutService.config.update((config) => ({
+ ...config,
+ menuMode: _val,
+ }));
+ }
+
+ get inputStyle(): string {
+ return this.layoutService.config().inputStyle;
+ }
+ set inputStyle(_val: string) {
+ this.layoutService.config().inputStyle = _val;
+ }
+
+ get ripple(): boolean {
+ return this.layoutService.config().ripple;
+ }
+ set ripple(_val: boolean) {
+ this.layoutService.config.update((config) => ({
+ ...config,
+ ripple: _val,
+ }));
+ }
+
+ set theme(val: string) {
+ this.layoutService.config.update((config) => ({
+ ...config,
+ theme: val,
+ }));
+ }
+ get theme(): string {
+ return this.layoutService.config().theme;
+ }
+
+ set colorScheme(val: string) {
+ this.layoutService.config.update((config) => ({
+ ...config,
+ colorScheme: val,
+ }));
+ }
+ get colorScheme(): string {
+ return this.layoutService.config().colorScheme;
+ }
+
+ get isDarkToggleDisabled(): boolean {
+ return this.darkOnlyThemes.includes(this.layoutService.config().theme);
+ }
+
+ get isDarkMode(): boolean {
+ return this.layoutService.config().colorScheme === 'dark';
+ }
+
+ toggleDarkMode() {
+ this.layoutService.toggleColorScheme();
+ }
+
+ isThemeActive(themeFamily: string, color?: string) {
+ let themeName: string;
+ let themePrefix = themeFamily === 'md' && this.compactMaterial ? 'mdc' : themeFamily;
+
+ if (this.lightOnlyThemes.includes(themePrefix)) {
+ themeName = themePrefix;
+ } else if (this.darkOnlyThemes.includes(themePrefix)) {
+ themeName = themePrefix;
+ } else {
+ themeName = themePrefix + (this.isDarkMode ? '-dark' : '-light');
+ }
+ if (color) {
+ themeName += '-' + color;
+ }
+ return this.layoutService.config().theme === themeName;
+ }
+
+ onCompactMaterialChange() {
+ const theme = this.layoutService.config().theme;
+ if (theme.startsWith('md')) {
+ let tokens = theme.split('-');
+
+ this.changeTheme(tokens[0].substring(0, 2), tokens[2]);
+ }
+ }
+
+ onConfigButtonClick() {
+ this.layoutService.showConfigSidebar();
+ }
+
+ async changeTheme(theme: string, color?: string) {
+ let newTheme: string, darkMode: string;
+ if (this.lightOnlyThemes.includes(theme)) {
+ newTheme = theme;
+ darkMode = 'light';
+ } else if (this.darkOnlyThemes.includes(theme)) {
+ newTheme = theme;
+ darkMode = 'dark';
+ } else {
+ newTheme = theme + '-' + (this.isDarkMode ? 'dark' : 'light');
+
+ if (color) {
+ newTheme += '-' + color;
+ }
+
+ if (newTheme.startsWith('md-') && this.compactMaterial) {
+ newTheme = newTheme.replace('md-', 'mdc-');
+ }
+
+ darkMode = this.isDarkMode ? 'dark' : 'light';
+ }
+
+ try {
+ if (!this.user?.userId) {
+ const userResponse = await (await this.userService.getCurrentUser()).toPromise();
+ if (userResponse?.userId) {
+ this.user = userResponse;
+ }
+ }
+ const userThemeUpdate = {
+ defaultTheme: newTheme,
+ userId: this.user.userId,
+ };
+
+ const updateResult = await (await this.userService.updateUserTheme(userThemeUpdate)).toPromise();
+ this.layoutService.config.update((config) => ({ ...config, colorScheme: darkMode, theme: newTheme }));
+ } catch (error) {
+ console.error('Error updating theme:', error);
+ }
+ }
+
+ decrementScale() {
+ this.scale--;
+ }
+
+ incrementScale() {
+ this.scale++;
+ }
+}
diff --git a/client/src/app/layout/components/app.layout.component.html b/client/src/app/layout/components/app.layout.component.html
new file mode 100644
index 00000000..80c8f176
--- /dev/null
+++ b/client/src/app/layout/components/app.layout.component.html
@@ -0,0 +1,11 @@
+<div class="layout-container" [ngClass]="containerClass">
+ <app-navigation></app-navigation>
+<app-classification></app-classification>
+ <div class="layout-content-wrapper">
+ <div class="layout-content">
+ <router-outlet></router-outlet>
+ </div>
+ </div>
+ <app-config></app-config>
+ <div class="layout-mask"></div>
+</div>
diff --git a/client/src/app/layout/components/app.layout.component.ts b/client/src/app/layout/components/app.layout.component.ts
new file mode 100644
index 00000000..4fdd7322
--- /dev/null
+++ b/client/src/app/layout/components/app.layout.component.ts
@@ -0,0 +1,171 @@
+import { Component, OnDestroy, Renderer2, ViewChild } from '@angular/core';
+import { NavigationEnd, Router } from '@angular/router';
+import { filter, Subscription } from 'rxjs';
+import { MenuService } from '../services/app.menu.service';
+import { AppNavigationComponent } from './app.navigation.component';
+import { LayoutService } from '../services/app.layout.service';
+
+@Component({
+ selector: 'app-layout',
+ templateUrl: './app.layout.component.html',
+})
+export class AppLayoutComponent implements OnDestroy {
+ overlayMenuOpenSubscription: Subscription;
+
+ menuOutsideClickListener: any;
+
+ menuScrollListener: any;
+
+ @ViewChild(AppNavigationComponent) appSidebar!: AppNavigationComponent;
+
+ @ViewChild(AppNavigationComponent) appTopbar!: AppNavigationComponent;
+
+ constructor(
+ private menuService: MenuService,
+ public layoutService: LayoutService,
+ public renderer: Renderer2,
+ public router: Router
+ ) {
+ this.overlayMenuOpenSubscription =
+ this.layoutService.overlayOpen$.subscribe(() => {
+ if (!this.menuOutsideClickListener) {
+ this.menuOutsideClickListener = this.renderer.listen(
+ 'document',
+ 'click',
+ (event) => {
+ const isOutsideClicked = !(
+ this.appSidebar.el.nativeElement.isSameNode(
+ event.target
+ ) ||
+ this.appSidebar.el.nativeElement.contains(
+ event.target
+ ) ||
+ this.appTopbar.menuButton.nativeElement.isSameNode(
+ event.target
+ ) ||
+ this.appTopbar.menuButton.nativeElement.contains(
+ event.target
+ )
+ );
+ if (isOutsideClicked) {
+ this.hideMenu();
+ }
+ }
+ );
+ }
+
+ if (
+ (this.layoutService.isHorizontal() ||
+ this.layoutService.isSlim() ||
+ this.layoutService.isSlimPlus()) &&
+ !this.menuScrollListener
+ ) {
+ this.menuScrollListener = this.renderer.listen(
+ this.appSidebar.menuContainer.nativeElement,
+ 'scroll',
+ (event) => {
+ if (this.layoutService.isDesktop()) {
+ this.hideMenu();
+ }
+ }
+ );
+ }
+
+ if (this.layoutService.state.staticMenuMobileActive) {
+ this.blockBodyScroll();
+ }
+ });
+
+ this.router.events
+ .pipe(filter((event) => event instanceof NavigationEnd))
+ .subscribe(() => {
+ this.hideMenu();
+ });
+ }
+
+ blockBodyScroll(): void {
+ if (document.body.classList) {
+ document.body.classList.add('blocked-scroll');
+ } else {
+ document.body.className += ' blocked-scroll';
+ }
+ }
+
+ unblockBodyScroll(): void {
+ if (document.body.classList) {
+ document.body.classList.remove('blocked-scroll');
+ } else {
+ document.body.className = document.body.className.replace(
+ new RegExp(
+ '(^|\\b)' +
+ 'blocked-scroll'.split(' ').join('|') +
+ '(\\b|$)',
+ 'gi'
+ ),
+ ' '
+ );
+ }
+ }
+
+ hideMenu() {
+ this.layoutService.state.overlayMenuActive = false;
+ this.layoutService.state.staticMenuMobileActive = false;
+ this.layoutService.state.menuHoverActive = false;
+ this.menuService.reset();
+
+ if (this.menuOutsideClickListener) {
+ this.menuOutsideClickListener();
+ this.menuOutsideClickListener = null;
+ }
+
+ if (this.menuScrollListener) {
+ this.menuScrollListener();
+ this.menuScrollListener = null;
+ }
+
+ this.unblockBodyScroll();
+ }
+
+ get containerClass() {
+ return {
+ 'layout-light': this.layoutService.config().colorScheme === 'light',
+ 'layout-dark': this.layoutService.config().colorScheme === 'dark',
+ 'layout-colorscheme-menu':
+ this.layoutService.config().menuTheme === 'colorScheme',
+ 'layout-primarycolor-menu':
+ this.layoutService.config().menuTheme === 'primaryColor',
+ 'layout-transparent-menu':
+ this.layoutService.config().menuTheme === 'transparent',
+ 'layout-overlay':
+ this.layoutService.config().menuMode === 'overlay',
+ 'layout-static': this.layoutService.config().menuMode === 'static',
+ 'layout-slim': this.layoutService.config().menuMode === 'slim',
+ 'layout-slim-plus':
+ this.layoutService.config().menuMode === 'slim-plus',
+ 'layout-horizontal':
+ this.layoutService.config().menuMode === 'horizontal',
+ 'layout-reveal': this.layoutService.config().menuMode === 'reveal',
+ 'layout-static-inactive':
+ this.layoutService.state.staticMenuDesktopInactive &&
+ this.layoutService.config().menuMode === 'static',
+ 'layout-overlay-active': this.layoutService.state.overlayMenuActive,
+ 'layout-mobile-active':
+ this.layoutService.state.staticMenuMobileActive,
+ 'p-input-filled':
+ this.layoutService.config().inputStyle === 'filled',
+ 'p-ripple-disabled': !this.layoutService.config().ripple,
+ 'layout-sidebar-active': this.layoutService.state.sidebarActive,
+ 'layout-sidebar-anchored': this.layoutService.state.anchored,
+ };
+ }
+
+ ngOnDestroy() {
+ if (this.overlayMenuOpenSubscription) {
+ this.overlayMenuOpenSubscription.unsubscribe();
+ }
+
+ if (this.menuOutsideClickListener) {
+ this.menuOutsideClickListener();
+ }
+ }
+}
diff --git a/client/src/app/layout/components/app.menu.component.html b/client/src/app/layout/components/app.menu.component.html
new file mode 100644
index 00000000..d2b67ced
--- /dev/null
+++ b/client/src/app/layout/components/app.menu.component.html
@@ -0,0 +1,16 @@
+<!--
+!#######################################################################
+! C-PATTM SOFTWARE
+! CRANE C-PATTM plan of action and milestones software. Use is governed by the Open Source Academic Research License Agreement contained in the file
+! crane_C_PAT.1_license.txt, which is part of this software package. BY
+! USING OR MODIFYING THIS SOFTWARE, YOU ARE AGREEING TO THE TERMS AND
+! CONDITIONS OF THE LICENSE.
+!########################################################################
+-->
+
+<ul class="layout-menu">
+ <ng-container *ngFor="let item of model; let i = index;">
+ <li app-menuitem *ngIf="!item.separator" [item]="item" [index]="i" [root]="true"></li>
+ <li *ngIf="item.separator" class="menu-separator"></li>
+ </ng-container>
+</ul>
diff --git a/client/src/app/layout/components/app.menu.component.ts b/client/src/app/layout/components/app.menu.component.ts
new file mode 100644
index 00000000..9139604f
--- /dev/null
+++ b/client/src/app/layout/components/app.menu.component.ts
@@ -0,0 +1,142 @@
+/*
+!#######################################################################
+! C-PATTM SOFTWARE
+! CRANE C-PATTM plan of action and milestones software. Use is governed by the Open Source Academic Research License Agreement contained in the file
+! crane_C_PAT.1_license.txt, which is part of this software package. BY
+! USING OR MODIFYING THIS SOFTWARE, YOU ARE AGREEING TO THE TERMS AND
+! CONDITIONS OF THE LICENSE.
+!########################################################################
+*/
+
+import { Component, OnInit, OnDestroy } from '@angular/core';
+import { MenuItem } from 'primeng/api';
+import { Subscription } from 'rxjs';
+import { AuthService } from '../../core/auth/services/auth.service';
+import { UsersService } from '../../pages/admin-processing/user-processing/users.service';
+import { Router } from '@angular/router';
+import { accessControlList } from '../../core/auth/access.control';
+
+@Component({
+ selector: 'app-menu',
+ templateUrl: './app.menu.component.html'
+})
+export class AppMenuComponent implements OnInit, OnDestroy {
+ model: MenuItem[] = [];
+ private subscription: Subscription;
+
+ constructor(
+ private authService: AuthService,
+ private userService: UsersService,
+ private router: Router
+ ) { }
+
+ async ngOnInit() {
+ await this.initializeUser();
+ }
+
+ async initializeUser() {
+ try {
+ const userData = await this.authService.getUserData('cpat');
+ if (userData) {
+ this.subscription = (await this.userService.getCurrentUser()).subscribe({
+ next: (user: any) => {
+ const role = user.isAdmin ? 'admin' : user.role || 'viewer';
+ if (user.accountStatus === 'ACTIVE') {
+ this.setMenuItems(role);
+ } else {
+ console.warn('User account is not active');
+ }
+ },
+ error: (error) => console.error('An error occurred:', error.message)
+ });
+ }
+ } catch (error) {
+ console.error('Error initializing user:', error);
+ }
+ }
+
+ setMenuItems(role: string) {
+ const menuItems: MenuItem[] = [
+ {
+ label: 'Home',
+ icon: 'pi pi-home',
+ routerLink: ['/poam-processing'],
+ visible: true,
+ },
+ {
+ label: 'Admin Portal',
+ icon: 'pi pi-users',
+ routerLink: ['/admin-processing'],
+ visible: this.hasPermission(role, 'delete', 'user'),
+ },
+ {
+ label: 'Manage POAMs',
+ icon: 'pi pi-list-check',
+ routerLink: ['/poam-processing/poam-manage'],
+ visible: this.hasPermission(role, 'view', 'poam'),
+ },
+ {
+ label: 'Add POAM',
+ icon: 'pi pi-file-plus',
+ routerLink: ['/poam-processing/poam-details/ADDPOAM'],
+ visible: this.hasPermission(role, 'create', 'poam'),
+ },
+ {
+ label: 'STIG Manager',
+ icon: 'pi pi-file-import',
+ routerLink: ['/import-processing/stigmanager-import'],
+ visible: this.hasPermission(role, 'create', 'import'),
+ },
+ {
+ label: 'Tenable',
+ icon: 'pi pi-file-import',
+ routerLink: ['/import-processing/tenable-import'],
+ visible: this.hasPermission(role, 'create', 'import'),
+ },
+ {
+ label: 'Asset Processing',
+ icon: 'pi pi-server',
+ routerLink: ['/asset-processing'],
+ visible: this.hasPermission(role, 'view', 'asset'),
+ },
+ {
+ label: 'Label Processing',
+ icon: 'pi pi-tags',
+ routerLink: ['/label-processing'],
+ visible: this.hasPermission(role, 'view', 'label'),
+ },
+ {
+ label: 'Log Out',
+ icon: 'pi pi-sign-out',
+ command: () => this.logout(),
+ visible: true,
+ }
+ ];
+
+ this.model = menuItems.filter(item => item.visible !== false);
+ this.model.forEach(item => {
+ if (item.items) {
+ item.items = item.items.filter(subItem => subItem.visible !== false);
+ }
+ });
+ }
+
+ hasPermission(role: string, permission: string, resource: string): boolean {
+ const rolePermissions = accessControlList.accessControl[role] || {};
+ const resourcesWithPermission = rolePermissions[permission];
+ return resourcesWithPermission &&
+ (resourcesWithPermission.includes(resource) || resourcesWithPermission.includes("*"));
+ }
+
+ logout() {
+ this.authService.logout().then(() => {
+ this.router.navigate(['/login']);
+ });
+ }
+
+ ngOnDestroy() {
+ if (this.subscription) {
+ this.subscription.unsubscribe();
+ }
+ }
+}
diff --git a/client/src/app/layout/components/app.menuitem.component.ts b/client/src/app/layout/components/app.menuitem.component.ts
new file mode 100644
index 00000000..1a03c820
--- /dev/null
+++ b/client/src/app/layout/components/app.menuitem.component.ts
@@ -0,0 +1,217 @@
+import { ChangeDetectorRef, Component, ElementRef, HostBinding, Input, OnDestroy, OnInit, ViewChild } from '@angular/core';
+import { NavigationEnd, Router } from '@angular/router';
+import { Subscription } from 'rxjs';
+import { filter } from 'rxjs/operators';
+import { MenuService } from '../services/app.menu.service';
+import { LayoutService } from '../services/app.layout.service';
+import { AppNavigationComponent } from './app.navigation.component';
+import { DomHandler } from 'primeng/dom';
+
+@Component({
+ selector: '[app-menuitem]',
+ template: `
+ <ng-container>
+ <a
+ *ngIf="(!item.routerLink || item.items) && item.visible !== false"
+ [attr.href]="item.url"
+ (click)="itemClick($event)"
+ (mouseenter)="onMouseEnter()"
+ [ngClass]="item.class"
+ [attr.target]="item.target"
+ tabindex="0"
+ pRipple
+ [pTooltip]="item.label"
+ [tooltipDisabled]="!(isSlim && root && !active)"
+ >
+ <i [ngClass]="item.icon" class="layout-menuitem-icon"></i>
+ <span class="layout-menuitem-text">{{ item.label }}</span>
+ <i class="pi pi-fw pi-angle-down layout-submenu-toggler" *ngIf="item.items"></i>
+ </a>
+ <a
+ *ngIf="item.routerLink && !item.items && item.visible !== false"
+ (click)="itemClick($event)"
+ (mouseenter)="onMouseEnter()"
+ [ngClass]="item.class"
+ [routerLink]="item.routerLink"
+ routerLinkActive="active-route"
+ [routerLinkActiveOptions]="item.routerLinkActiveOptions || { paths: 'exact', queryParams: 'ignored', matrixParams: 'ignored', fragment: 'ignored' }"
+ [fragment]="item.fragment"
+ [queryParamsHandling]="item.queryParamsHandling"
+ [preserveFragment]="item.preserveFragment"
+ [skipLocationChange]="item.skipLocationChange"
+ [replaceUrl]="item.replaceUrl"
+ [state]="item.state"
+ [queryParams]="item.queryParams"
+ [attr.target]="item.target"
+ tabindex="0"
+ pRipple
+ [pTooltip]="item.label"
+ [tooltipDisabled]="!(isSlim && root)"
+ >
+ <i [ngClass]="item.icon" class="layout-menuitem-icon"></i>
+ <span class="layout-menuitem-text">{{ item.label }}</span>
+ <i class="pi pi-fw pi-angle-down layout-submenu-toggler" *ngIf="item.items"></i>
+ </a>
+
+ <ul #submenu *ngIf="item.items && item.visible !== false">
+ <ng-template ngFor let-child let-i="index" [ngForOf]="item.items">
+ <li app-menuitem [item]="child" [index]="i" [parentKey]="key" [class]="child.badgeClass"></li>
+ </ng-template>
+</ul>
+</ng-container>
+ `,
+})
+export class AppMenuitemComponent implements OnInit, OnDestroy {
+ @Input() item: any;
+ @Input() index!: number;
+ @Input() @HostBinding('class.layout-root-menuitem') root: boolean = true;
+ @Input() parentKey!: string;
+ @ViewChild('submenu') submenu!: ElementRef;
+
+ active = false;
+ menuSourceSubscription: Subscription;
+ menuResetSubscription: Subscription;
+ key: string = "";
+
+ constructor(public layoutService: LayoutService, private cd: ChangeDetectorRef, public router: Router, private appSidebar: AppNavigationComponent, private menuService: MenuService) {
+ this.menuSourceSubscription = this.menuService.menuSource$.subscribe(value => {
+ Promise.resolve(null).then(() => {
+ if (value.routeEvent) {
+ this.active = (value.key === this.key || value.key.startsWith(this.key + '-')) ? true : false;
+ }
+ else {
+ if (value.key !== this.key && !value.key.startsWith(this.key + '-')) {
+ this.active = false;
+ }
+ }
+ });
+ });
+
+ this.menuResetSubscription = this.menuService.resetSource$.subscribe(() => {
+ this.active = false;
+ });
+
+ this.router.events.pipe(filter(event => event instanceof NavigationEnd))
+ .subscribe(params => {
+ if (this.isSlimPlus || this.isSlim || this.isHorizontal) {
+ this.active = false;
+ }
+ else {
+ if (this.item.routerLink) {
+ this.updateActiveStateFromRoute();
+ }
+ }
+ });
+ }
+
+ ngOnInit() {
+ this.key = this.parentKey ? this.parentKey + '-' + this.index : String(this.index);
+
+ if (!(this.isSlimPlus || this.isSlim || this.isHorizontal) && this.item.routerLink) {
+ this.updateActiveStateFromRoute();
+ }
+ }
+
+ ngAfterViewChecked() {
+ if (this.root && this.active && this.layoutService.isDesktop() && (this.layoutService.isHorizontal() || this.layoutService.isSlim() || this.layoutService.isSlimPlus())) {
+ this.calculatePosition(this.submenu?.nativeElement, this.submenu?.nativeElement.parentElement);
+ }
+ }
+
+ updateActiveStateFromRoute() {
+ let activeRoute = this.router.isActive(this.item.routerLink[0], { paths: 'exact', queryParams: 'ignored', matrixParams: 'ignored', fragment: 'ignored' });
+
+ if (activeRoute) {
+ this.menuService.onMenuStateChange({ key: this.key, routeEvent: true });
+ }
+ }
+
+ calculatePosition(overlay: HTMLElement, target: HTMLElement) {
+ if (overlay) {
+ const { left, top } = target.getBoundingClientRect();
+ const [vWidth, vHeight] = [window.innerWidth, window.innerHeight];
+ const [oWidth, oHeight] = [overlay.offsetWidth, overlay.offsetHeight];
+ const scrollbarWidth = DomHandler.calculateScrollbarWidth();
+ overlay.style.top = '';
+ overlay.style.left = '';
+
+ if (this.layoutService.isHorizontal()) {
+ const width = left + oWidth + scrollbarWidth;
+ overlay.style.left = vWidth < width ? `${left - (width - vWidth)}px` : `${left}px`;
+ } else if (this.layoutService.isSlim() || this.layoutService.isSlimPlus()) {
+ const height = top + oHeight;
+ overlay.style.top = vHeight < height ? `${top - (height - vHeight)}px` : `${top}px`;
+ }
+ }
+ }
+
+ itemClick(event: Event) {
+ if (this.item.disabled) {
+ event.preventDefault();
+ return;
+ }
+
+ if (this.isSlim || this.isHorizontal || this.isSlimPlus) {
+ this.layoutService.state.menuHoverActive = !this.layoutService.state.menuHoverActive;
+ }
+
+ if (this.item.command) {
+ this.item.command({ originalEvent: event, item: this.item });
+ }
+
+ if (this.item.items) {
+ this.active = !this.active;
+
+ if (this.active && (this.isSlim || this.isHorizontal || this.isSlimPlus)) {
+ this.layoutService.onOverlaySubmenuOpen();
+ }
+ }
+ else {
+ if (this.layoutService.isMobile()) {
+ this.layoutService.state.staticMenuMobileActive = false;
+ }
+
+ if (this.isSlim || this.isHorizontal || this.isSlimPlus) {
+ this.menuService.reset();
+ this.layoutService.state.menuHoverActive = false;
+ }
+ }
+
+ this.menuService.onMenuStateChange({ key: this.key });
+ }
+
+ onMouseEnter() {
+ if ((this.isSlim || this.isHorizontal || this.isSlimPlus) && this.layoutService.isDesktop()) {
+ if (this.layoutService.state.menuHoverActive) {
+ this.active = true;
+ this.menuService.onMenuStateChange({ key: this.key });
+ }
+ }
+ }
+
+ get isHorizontal() {
+ return this.layoutService.isHorizontal();
+ }
+
+ get isSlim() {
+ return this.layoutService.isSlim();
+ }
+
+ get isSlimPlus() {
+ return this.layoutService.isSlimPlus();
+ }
+
+ @HostBinding('class.active-menuitem')
+ get activeClass() {
+ return this.active && !this.root;
+ }
+
+ ngOnDestroy() {
+ if (this.menuSourceSubscription) {
+ this.menuSourceSubscription.unsubscribe();
+ }
+ if (this.menuResetSubscription) {
+ this.menuResetSubscription.unsubscribe();
+ }
+ }
+}
diff --git a/client/src/app/layout/components/app.navigation.component.html b/client/src/app/layout/components/app.navigation.component.html
new file mode 100644
index 00000000..cbef827b
--- /dev/null
+++ b/client/src/app/layout/components/app.navigation.component.html
@@ -0,0 +1,69 @@
+ <!-- Sidebar -->
+ <div class="layout-sidebar" (mouseenter)="onMouseEnter()" (mouseleave)="onMouseLeave()">
+ <div class="sidebar-header">
+ <a [routerLink]="['/poam-processing']" class="app-logo">
+ <img class="applogo" src="../assets/cpat.png" alt="C-PAT" style="cursor: pointer;">
+ <img class="applogosmall" src="../assets/c-pat-c.png" alt="C" style="cursor: pointer;">
+ </a>
+ <button class="layout-sidebar-anchor p-link z-2 mb-2" type="button" (click)="anchor()"></button>
+ </div>
+ <div class="menu-filter">
+ <p-dropdown [options]="collections"
+ [(ngModel)]="selectedCollection"
+ placeholder="{{ collectionName }}"
+ optionLabel="collectionName"
+ (onChange)="resetWorkspace($event.value.collectionId)"
+ [style]="{'height': '85%', 'width': '94%', 'align-items': 'center', 'margin-left': '3%', 'border-radius': '10px'}">
+ </p-dropdown>
+ </div>
+ <div #menuContainer class="layout-menu-container">
+ <app-menu></app-menu>
+ </div>
+ </div>
+
+ <!-- Topbar -->
+ <div class="layout-topbar">
+ <div class="topbar-start">
+ </div>
+ <div class="topbar-end">
+ <ul class="topbar-menu">
+ <li class="topbar-search">
+ <span class="p-input-icon-left">
+ <app-search></app-search>
+ </span>
+ </li>
+ <li class="ml-3">
+ <button pButton #menubutton icon="pi pi-bars" class="p-button-text p-button-rounded p-button-plain" (click)="onMenuButtonClick()"></button>
+ <button pButton type="button" icon="pi pi-palette" class="p-button-text p-button-rounded p-button-plain" (click)="showConfig()"></button>
+ <p-button type="button"
+ icon="pi pi-bell"
+ [badge]="notificationCount"
+ (click)="op.toggle($event)"
+ (keyup.enter)="op.toggle($event)"
+ styleClass="p-button-text p-button-rounded p-button-plain notification-button">
+ </p-button>
+ <p-overlayPanel #op class="overlay" [dismissable]="true" [showCloseIcon]="false">
+ <cpat-notifications-popover [overlayPanel]="op"></cpat-notifications-popover>
+ </p-overlayPanel>
+ </li>
+ <li class="topbar-profile">
+ <button type="button"
+ pstyleclass="@next"
+ enterclass="hidden"
+ class="topbar-profile-button p-link"
+ enteractiveclass="scalein"
+ leavetoclass="hidden"
+ leaveactiveclass="fadeout"
+ (click)="menu.toggle($event)">
+ <img src="../assets/user.png" alt="User profile">
+ <span class="profile-details">
+ <span class="profile-fullName">{{ fullName }}</span>
+ <span class="profile-userRole">{{ userRole }}</span>
+ </span>
+ <i class="pi pi-angle-down"></i>
+ </button>
+ <p-menu #menu [popup]="true" [model]="userMenu"></p-menu>
+ </li>
+ </ul>
+ </div>
+ </div>
diff --git a/client/src/app/theme/styles/styles.scss b/client/src/app/layout/components/app.navigation.component.scss
similarity index 57%
rename from client/src/app/theme/styles/styles.scss
rename to client/src/app/layout/components/app.navigation.component.scss
index cb63d9d1..799ed759 100644
--- a/client/src/app/theme/styles/styles.scss
+++ b/client/src/app/layout/components/app.navigation.component.scss
@@ -7,18 +7,3 @@
! CONDITIONS OF THE LICENSE.
!########################################################################
*/
-
-@import 'node_modules/primeicons/primeicons.css';
-@import 'node_modules/primeflex/primeflex.scss';
-@import './_pace-theme.scss';
-@import './_scrollbar.scss';
-
-@include ngx-pace-theme();
- * {
- @include custom-scrollbar( var(--surface-c), var(--surface-b) );
- }
-
-
-html, body {
- @include custom-scrollbar( var(--surface-c), var(--surface-b) );
-}
diff --git a/client/src/app/layout/components/app.navigation.component.ts b/client/src/app/layout/components/app.navigation.component.ts
new file mode 100644
index 00000000..ae66cfef
--- /dev/null
+++ b/client/src/app/layout/components/app.navigation.component.ts
@@ -0,0 +1,263 @@
+import { AuthService } from '../../core/auth/services/auth.service';
+import { NavigationEnd, Router } from '@angular/router';
+import { Component, ElementRef, OnDestroy, OnInit, ViewChild } from '@angular/core';
+import { LayoutService } from '../services/app.layout.service';
+import { MenuItem } from 'primeng/api';
+import { CollectionsService } from '../../pages/admin-processing/collection-processing/collections.service';
+import { NotificationService } from '../../common/components/notifications/notifications.service';
+import { UsersService } from '../../pages/admin-processing/user-processing/users.service';
+import { SubSink } from 'subsink';
+import { SharedService } from '../../common/services/shared.service';
+import { format } from 'date-fns';
+import { Subject, filter, takeUntil } from 'rxjs';
+function getRoleFromAccessLevel(accessLevel: number): string {
+ switch (accessLevel) {
+ case 1:
+ return 'viewer';
+ case 2:
+ return 'submitter';
+ case 3:
+ return 'approver';
+ case 4:
+ return 'cat1approver';
+ default:
+ return 'none';
+ }
+}
+interface Permission {
+ userId: number;
+ collectionId: number;
+ accessLevel: number;
+}
+
+@Component({
+ selector: 'app-navigation',
+ templateUrl: './app.navigation.component.html'
+})
+export class AppNavigationComponent implements OnInit, OnDestroy {
+ collections: any = [];
+ user: any;
+ payload: any;
+ fullName: any;
+ userRole: any;
+ userMenu: MenuItem[] = [{ label: 'Log Out', icon: 'pi pi-sign-out' }];
+ notificationCount: any = null;
+ selectedCollection: any = null;
+ selectCollectionMsg: boolean = false;
+ collectionName: string = 'Select Collection';
+ private subs = new SubSink();
+ timeout: any = null;
+ private destroy$ = new Subject<void>();
+
+ @ViewChild('menubutton') menuButton!: ElementRef;
+ @ViewChild('menuContainer') menuContainer!: ElementRef;
+
+ constructor(
+ private authService: AuthService,
+ private collectionService: CollectionsService,
+ public layoutService: LayoutService,
+ private sharedService: SharedService,
+ private userService: UsersService,
+ private router: Router,
+ private notificationService: NotificationService,
+ public el: ElementRef
+ ) { }
+
+ public async ngOnInit() {
+ this.layoutService.setInitialTheme('lara-dark-blue');
+ this.initializeUser();
+ this.setMenuItems();
+ this.setupUserMenuActions();
+ }
+
+ async initializeUser() {
+ try {
+ this.user = null;
+ this.payload = null;
+ this.subs.sink = (await this.userService.getCurrentUser()).subscribe({
+ next: (response: any) => {
+ this.user = response;
+ this.fullName = response.fullName;
+ this.userRole = this.user.isAdmin ? 'C-PAT Admin' : 'C-PAT User';
+ if (this.user.defaultTheme) {
+ this.layoutService.setInitialTheme(this.user.defaultTheme);
+ }
+ if (this.user.accountStatus === 'ACTIVE') {
+ this.payload = {
+ ...this.user,
+ collections: this.user.permissions.map((permission: Permission) => ({
+ collectionId: permission.collectionId,
+ accessLevel: permission.accessLevel,
+ }))
+ };
+ this.getNotificationCount();
+ this.getCollections();
+ this.router.events.pipe(
+ filter(event => event instanceof NavigationEnd),
+ takeUntil(this.destroy$)
+ ).subscribe(() => {
+ if (this.user.userId) {
+ this.getNotificationCount();
+ }
+ });
+ } else {
+ alert('Your account status is not Active, contact your system administrator');
+ }
+ },
+ error: (error) => {
+ console.error('An error occurred:', error.message);
+ }
+ });
+ } catch (error) {
+ console.error('Error initializing user:', error);
+ }
+ }
+
+ async getCollections() {
+ const userName = this.payload.userName;
+ this.subs.sink = (await this.collectionService.getCollections(userName)).subscribe((result: any) => {
+ this.collections = result;
+ if (this.user.lastCollectionAccessedId) {
+ this.selectedCollection = +this.user.lastCollectionAccessedId;
+ this.resetWorkspace(this.selectedCollection);
+ } else if (!this.payload.lastCollectionAccessedId || this.payload.lastCollectionAccessedId === undefined) {
+ this.selectedCollection = null;
+ this.selectCollectionMsg = true;
+ } else {
+
+ }
+ });
+ }
+
+ async getNotificationCount() {
+ this.subs.sink = (await this.notificationService.getUnreadNotificationCountByUserId(this.user.userId)).subscribe((result: any) => {
+ this.notificationCount = result > 0 ? result : null;
+ });
+ }
+
+ setMenuItems() {
+ const marketplaceDisabled = CPAT.Env.features.marketplaceDisabled;
+ if (marketplaceDisabled) {
+ this.userMenu = [{ label: 'Log Out', icon: 'pi pi-sign-out', command: () => this.logout() }];
+ } else {
+ this.userMenu = [
+ { label: 'Marketplace', icon: 'pi pi-shopping-cart', command: () => this.goToMarketplace() },
+ { label: 'Log Out', icon: 'pi pi-sign-out', command: () => this.logout() }
+ ];
+ }
+ }
+
+ setupUserMenuActions() {
+ this.userMenu.forEach(item => {
+ if (item.label === 'Marketplace') {
+ item.command = () => this.goToMarketplace();
+ } else if (item.label === 'Log Out') {
+ item.command = () => this.logout();
+ }
+ });
+ }
+
+ goToMarketplace() {
+ this.router.navigate(['/marketplace']);
+ }
+
+ logout() {
+ this.authService.logout().then(() => {
+ this.router.navigate(['/login']);
+ });
+ }
+
+ onMenuButtonClick() {
+ this.layoutService.onMenuToggle();
+ }
+
+ showConfig() {
+ this.layoutService.showConfigSidebar();
+ }
+
+ onMouseEnter() {
+ if (!this.layoutService.state.anchored) {
+ if (this.timeout) {
+ clearTimeout(this.timeout);
+ this.timeout = null;
+ }
+ this.layoutService.state.sidebarActive = true;
+ }
+ }
+
+ onMouseLeave() {
+ if (!this.layoutService.state.anchored) {
+ if (!this.timeout) {
+ this.timeout = setTimeout(() => this.layoutService.state.sidebarActive = false, 300);
+ }
+ }
+ }
+
+ anchor() {
+ this.layoutService.state.anchored = !this.layoutService.state.anchored;
+ }
+
+ async resetWorkspace(selectedCollection: any) {
+ this.selectedCollection = selectedCollection;
+ this.selectCollectionMsg = false;
+ this.sharedService.setSelectedCollection(parseInt(this.selectedCollection, 10));
+
+ const collection = this.collections.find((x: { collectionId: any; }) => x.collectionId == this.selectedCollection);
+ this.collectionName = 'Collection: ' + collection.collectionName;
+ if (collection) {
+ const stWorkspace = document.getElementById('selectedCollection') as HTMLInputElement;
+ if (stWorkspace) {
+ const att = stWorkspace.querySelector("span");
+ if (att) {
+ att.textContent = "Collection - " + collection.collectionName;
+ }
+ }
+ }
+ const now = new Date();
+ const formattedNow = format(now, 'yyyy-MM-dd HH:mm:ss');
+ const userUpdate = {
+ userId: this.user.userId,
+ userName: this.user.userName,
+ email: this.user.email,
+ lastAccess: formattedNow,
+ firstName: this.user.firstName,
+ lastName: this.user.lastName,
+ lastCollectionAccessedId: parseInt(selectedCollection),
+ accountStatus: this.user.accountStatus,
+ officeOrg: this.user.officeOrg,
+ defaultTheme: this.user.defaultTheme || 'default',
+ isAdmin: this.user.isAdmin,
+ };
+ const selectedPermissions = this.payload.collections.find((x: { collectionId: any; }) => x.collectionId == selectedCollection);
+ let myRole: string;
+
+ if (!selectedPermissions && !this.user.isAdmin) {
+ myRole = 'none';
+ } else if (this.user.isAdmin) {
+ myRole = 'admin';
+ } else if (selectedPermissions) {
+ myRole = getRoleFromAccessLevel(selectedPermissions.accessLevel);
+ } else {
+ myRole = 'none';
+ }
+
+ this.payload.role = myRole;
+ this.userService.changeRole(this.payload);
+
+ if (this.user.lastCollectionAccessedId !== selectedCollection) {
+ try {
+ const result = await (await this.userService.updateUser(userUpdate)).toPromise();
+ this.user = result;
+ window.location.reload();
+ } catch (error) {
+ console.error('Error updating user:', error);
+ }
+ }
+ }
+
+ ngOnDestroy() {
+ this.destroy$.next();
+ this.destroy$.complete();
+ this.subs.unsubscribe();
+ }
+}
diff --git a/client/src/app/layout/services/app.layout.service.ts b/client/src/app/layout/services/app.layout.service.ts
new file mode 100644
index 00000000..4ad33c9a
--- /dev/null
+++ b/client/src/app/layout/services/app.layout.service.ts
@@ -0,0 +1,215 @@
+import { isPlatformBrowser } from '@angular/common';
+import { Inject, Injectable, effect, signal, PLATFORM_ID } from '@angular/core';
+import { Subject } from 'rxjs';
+
+export type MenuMode =
+ | 'static'
+ | 'overlay'
+ | 'horizontal'
+ | 'slim'
+ | 'slim-plus'
+ | 'reveal';
+
+export type MenuColorScheme = 'colorScheme' | 'primaryColor' | 'transparent';
+
+export interface AppConfig {
+ inputStyle: string;
+ colorScheme: string;
+ theme: string;
+ ripple: boolean;
+ menuMode: MenuMode;
+ scale: number;
+ menuTheme: MenuColorScheme;
+}
+
+interface LayoutState {
+ staticMenuDesktopInactive: boolean;
+ overlayMenuActive: boolean;
+ configSidebarVisible: boolean;
+ staticMenuMobileActive: boolean;
+ menuHoverActive: boolean;
+ sidebarActive: boolean;
+ anchored: boolean;
+}
+
+@Injectable({
+ providedIn: 'root',
+})
+export class LayoutService {
+ _config: AppConfig = {
+ ripple: false,
+ inputStyle: 'outlined',
+ menuMode: 'static',
+ colorScheme: 'dark',
+ theme: 'lara-dark-blue',
+ scale: 14,
+ menuTheme: 'colorScheme',
+ };
+
+ config = signal<AppConfig>(this._config);
+
+ state: LayoutState = {
+ staticMenuDesktopInactive: false,
+ overlayMenuActive: false,
+ configSidebarVisible: false,
+ staticMenuMobileActive: false,
+ menuHoverActive: false,
+ sidebarActive: false,
+ anchored: false,
+ };
+
+ private configUpdate = new Subject<AppConfig>();
+
+ private overlayOpen = new Subject<any>();
+
+ configUpdate$ = this.configUpdate.asObservable();
+
+ overlayOpen$ = this.overlayOpen.asObservable();
+
+ constructor(
+ @Inject(PLATFORM_ID) private platformId: any,
+ ) {
+ effect(() => {
+ const config = this.config();
+ if (this.updateStyle(config)) {
+ this.changeTheme();
+ }
+ this.changeScale(config.scale);
+ this.onConfigUpdate();
+ });
+ }
+
+ updateStyle(config: AppConfig) {
+ return (
+ config.theme !== this._config.theme ||
+ config.colorScheme !== this._config.colorScheme
+ );
+ }
+
+ toggleColorScheme() {
+ const currentTheme = this.config().theme;
+ const [family, mode, color] = currentTheme.split('-');
+ const newMode = mode === 'light' ? 'dark' : 'light';
+ const newTheme = `${family}-${newMode}${color ? '-' + color : ''}`;
+ this.applyTheme(newTheme);
+ }
+
+ applyTheme(themeName: string) {
+ const isDarkMode = themeName.includes('-dark') ? 'dark' : 'light';
+
+ this.config.update(cfg => ({
+ ...cfg,
+ theme: themeName,
+ colorScheme: isDarkMode,
+ }));
+
+ this.loadThemeFile(themeName);
+ }
+
+ private loadThemeFile(themeName: string) {
+ if (isPlatformBrowser(this.platformId)) {
+ const themeLink = document.getElementById('theme-link') as HTMLLinkElement;
+ if (themeLink) {
+ const timestamp = new Date().getTime();
+ const newHref = `app/styles/themes/${themeName}/theme.css?_=${timestamp}`;
+
+ themeLink.href = newHref;
+ }
+ }
+ }
+
+ setInitialTheme(userTheme: string) {
+ this.applyTheme(userTheme);
+ }
+
+ onMenuToggle() {
+ if (this.isOverlay()) {
+ this.state.overlayMenuActive = !this.state.overlayMenuActive;
+
+ if (this.state.overlayMenuActive) {
+ this.overlayOpen.next(null);
+ }
+ }
+
+ if (this.isDesktop()) {
+ this.state.staticMenuDesktopInactive =
+ !this.state.staticMenuDesktopInactive;
+ } else {
+ this.state.staticMenuMobileActive =
+ !this.state.staticMenuMobileActive;
+
+ if (this.state.staticMenuMobileActive) {
+ this.overlayOpen.next(null);
+ }
+ }
+ }
+
+ onOverlaySubmenuOpen() {
+ this.overlayOpen.next(null);
+ }
+
+ showConfigSidebar() {
+ this.state.configSidebarVisible = true;
+ }
+
+ isOverlay() {
+ return this.config().menuMode === 'overlay';
+ }
+
+ isDesktop() {
+ return window.innerWidth > 991;
+ }
+
+ isSlim() {
+ return this.config().menuMode === 'slim';
+ }
+
+ isSlimPlus() {
+ return this.config().menuMode === 'slim-plus';
+ }
+
+ isHorizontal() {
+ return this.config().menuMode === 'horizontal';
+ }
+
+ isMobile() {
+ return !this.isDesktop();
+ }
+
+ onConfigUpdate() {
+ this._config = { ...this.config() };
+ this.configUpdate.next(this.config());
+ }
+
+ changeTheme() {
+ const config = this.config();
+ const themeLink = <HTMLLinkElement>document.getElementById('theme-link');
+ const themeLinkHref = themeLink.getAttribute('href')!;
+ const newHref = themeLinkHref
+ .split('/')
+ .map((el) => (el == this._config.theme ? (el = config.theme) : el == `theme-${this._config.colorScheme}` ? (el = `theme-${config.colorScheme}`) : el))
+ .join('/');
+
+ this.replaceThemeLink(newHref);
+ }
+
+
+ replaceThemeLink(href: string) {
+ const id = 'theme-link';
+ let themeLink = <HTMLLinkElement>document.getElementById(id);
+ const cloneLinkElement = <HTMLLinkElement>themeLink.cloneNode(true);
+
+ cloneLinkElement.setAttribute('href', href);
+ cloneLinkElement.setAttribute('id', id + '-clone');
+
+ themeLink.parentNode!.insertBefore(cloneLinkElement, themeLink.nextSibling);
+ cloneLinkElement.addEventListener('load', () => {
+ themeLink.remove();
+ cloneLinkElement.setAttribute('id', id);
+ });
+ }
+
+ changeScale(value: number) {
+ document.documentElement.style.fontSize = `${value}px`;
+ }
+}
diff --git a/client/src/app/layout/services/app.menu.service.ts b/client/src/app/layout/services/app.menu.service.ts
new file mode 100644
index 00000000..522a53b0
--- /dev/null
+++ b/client/src/app/layout/services/app.menu.service.ts
@@ -0,0 +1,27 @@
+import { Injectable } from '@angular/core';
+import { Subject } from 'rxjs';
+
+interface MenuChangeEvent {
+ key: string;
+ routeEvent?: boolean;
+}
+
+@Injectable({
+ providedIn: 'root'
+})
+export class MenuService {
+
+ private menuSource = new Subject<MenuChangeEvent>();
+ private resetSource = new Subject();
+
+ menuSource$ = this.menuSource.asObservable();
+ resetSource$ = this.resetSource.asObservable();
+
+ onMenuStateChange(event: MenuChangeEvent) {
+ this.menuSource.next(event);
+ }
+
+ reset() {
+ this.resetSource.next(true);
+ }
+}
diff --git a/client/src/app/pages/admin-processing/admin-processing-routing.module.ts b/client/src/app/pages/admin-processing/admin-processing-routing.module.ts
index 05f97a2e..d38d1377 100644
--- a/client/src/app/pages/admin-processing/admin-processing-routing.module.ts
+++ b/client/src/app/pages/admin-processing/admin-processing-routing.module.ts
@@ -14,7 +14,7 @@ import { STIGManagerAdminComponent } from './stigmanager-admin/stigmanager-admin
import { UserProcessingComponent } from './user-processing/user-processing.component';
import { CollectionProcessingComponent } from './collection-processing/collection-processing.component';
import { AdminProcessingComponent } from './admin-processing.component';
-import { AuthGuard } from '../../auth/auth.guard';
+import { AuthGuard } from '../../core/auth/guards/auth.guard';
const routes: Routes = [
{
diff --git a/client/src/app/pages/admin-processing/admin-processing.component.html b/client/src/app/pages/admin-processing/admin-processing.component.html
index 05f93d11..347cc649 100644
--- a/client/src/app/pages/admin-processing/admin-processing.component.html
+++ b/client/src/app/pages/admin-processing/admin-processing.component.html
@@ -1,6 +1,7 @@
<div class="grid nested-grid">
<div class="col-3" *ngFor="let statusCard of statusCards">
- <p-status-card [title]="statusCard.title"
+ <p-status-card class="status-card"
+ [title]="statusCard.title"
[type]="statusCard.type"
[icon]="statusCard.icon"
(click)="statusCard.component ? openModal(statusCard.component) : triggerFileInput()"
diff --git a/client/src/app/pages/admin-processing/admin-processing.component.scss b/client/src/app/pages/admin-processing/admin-processing.component.scss
index 8421decd..4b080bb4 100644
--- a/client/src/app/pages/admin-processing/admin-processing.component.scss
+++ b/client/src/app/pages/admin-processing/admin-processing.component.scss
@@ -1,23 +1,6 @@
- ::ng-deep .cdk-overlay-pane {
- display: flex;
- justify-content: center;
- align-items: center;
- width: 60vw;
- height: auto;
- max-height: 80vh;
- overflow-y: auto;
- background: rgba(0, 0, 0, 0);
- position: relative;
- overflow: auto;
- border-radius: 4px;
-
- .modal-dialog {
- width: 60vw;
- height: auto;
- max-height: 80vh;
- overflow-y: auto;
- display: flex;
- flex-direction: column;
- }
- }
+.col-3 {
+ &:hover {
+ transform: scale(1.03);
+ }
+}
diff --git a/client/src/app/pages/admin-processing/admin-processing.component.ts b/client/src/app/pages/admin-processing/admin-processing.component.ts
index 271ddb98..e2b155b6 100644
--- a/client/src/app/pages/admin-processing/admin-processing.component.ts
+++ b/client/src/app/pages/admin-processing/admin-processing.component.ts
@@ -14,7 +14,7 @@ import { UsersService } from './user-processing/users.service';
import { HttpEventType, HttpResponse } from '@angular/common/http';
import { SubSink } from 'subsink';
import { Router } from '@angular/router';
-import { StatusDialogComponent } from '../../Shared/components/status-dialog/status-dialog.component';
+import { StatusDialogComponent } from '../../common/components/status-dialog/status-dialog.component';
@Component({
selector: 'cpat-admin-processing',
diff --git a/client/src/app/pages/admin-processing/admin-processing.module.ts b/client/src/app/pages/admin-processing/admin-processing.module.ts
index c466eba9..41bf18bf 100644
--- a/client/src/app/pages/admin-processing/admin-processing.module.ts
+++ b/client/src/app/pages/admin-processing/admin-processing.module.ts
@@ -12,7 +12,7 @@ import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
-import { SharedModule } from '../../Shared/shared.module';
+import { SharedModule } from '../../common/shared.module';
import { STIGManagerAdminComponent } from './stigmanager-admin/stigmanager-admin.component';
import { UserProcessingComponent } from './user-processing/user-processing.component';
import { UserComponent } from './user-processing/user/user.component';
@@ -20,7 +20,7 @@ import { AdminProcessingRoutingModule } from './admin-processing-routing.module'
import { CollectionProcessingComponent } from './collection-processing/collection-processing.component';
import { CollectionComponent } from './collection-processing/collection/collection.component';
import { AdminProcessingComponent } from './admin-processing.component';
-import { StatusCardComponent } from '../../Shared/components/status-card/status-card.component';
+import { StatusCardComponent } from '../../common/components/status-card/status-card.component';
import { CardModule } from 'primeng/card';
import { InputTextModule } from 'primeng/inputtext';
diff --git a/client/src/app/pages/admin-processing/collection-processing/collection-processing.component.ts b/client/src/app/pages/admin-processing/collection-processing/collection-processing.component.ts
index 581e9687..e2b662f1 100644
--- a/client/src/app/pages/admin-processing/collection-processing/collection-processing.component.ts
+++ b/client/src/app/pages/admin-processing/collection-processing/collection-processing.component.ts
@@ -11,7 +11,7 @@
import { Component, OnDestroy, OnInit, ViewChild } from '@angular/core';
import { forkJoin } from 'rxjs';
import { SubSink } from "subsink";
-import { ExcelDataService } from '../../../Shared/utils/excel-data.service';
+import { ExcelDataService } from '../../../common/utils/excel-data.service';
import { UsersService } from '../../admin-processing/user-processing/users.service';
import { CollectionsService } from './collections.service';
import { MessageService } from 'primeng/api';
@@ -95,7 +95,7 @@ export class CollectionProcessingComponent implements OnInit, OnDestroy {
this.showCollectionSelect = true;
this.subs.sink = (await this.userService.getCurrentUser()).subscribe(
(response: any) => {
- if (response.userId) {
+ if (response?.userId) {
this.user = response;
if (this.user.accountStatus === 'ACTIVE') {
diff --git a/client/src/app/pages/admin-processing/stigmanager-admin/stigmanager-admin.component.ts b/client/src/app/pages/admin-processing/stigmanager-admin/stigmanager-admin.component.ts
index ed81ff61..dbd041e7 100644
--- a/client/src/app/pages/admin-processing/stigmanager-admin/stigmanager-admin.component.ts
+++ b/client/src/app/pages/admin-processing/stigmanager-admin/stigmanager-admin.component.ts
@@ -10,7 +10,7 @@
import { Component, OnInit } from '@angular/core';
import { catchError, forkJoin, map, of } from 'rxjs';
-import { SharedService } from '../../../Shared/shared.service';
+import { SharedService } from '../../../common/services/shared.service';
import { ImportService } from '../../import-processing/import.service';
import { ConfirmationService, MessageService } from 'primeng/api';
diff --git a/client/src/app/pages/admin-processing/user-processing/user-processing.component.ts b/client/src/app/pages/admin-processing/user-processing/user-processing.component.ts
index fd5c72c8..392991ee 100644
--- a/client/src/app/pages/admin-processing/user-processing/user-processing.component.ts
+++ b/client/src/app/pages/admin-processing/user-processing/user-processing.component.ts
@@ -13,7 +13,7 @@ import { UsersService } from './users.service';
import { forkJoin } from 'rxjs';
import { ConfirmationService, TreeNode } from 'primeng/api';
import { SubSink } from "subsink";
-import { ConfirmationDialogOptions } from '../../../Shared/components/confirmation-dialog/confirmation-dialog.component';
+import { ConfirmationDialogOptions } from '../../../common/components/confirmation-dialog/confirmation-dialog.component';
import { CollectionsService } from '../../admin-processing/collection-processing/collections.service';
import { TreeTable } from 'primeng/treetable';
@@ -72,7 +72,7 @@ export class UserProcessingComponent implements OnInit, OnDestroy {
this.subs.sink = (await this.userService.getCurrentUser()).subscribe(
(response: any) => {
- if (response.userId) {
+ if (response?.userId) {
this.user = response;
if (this.user.accountStatus === 'ACTIVE') {
diff --git a/client/src/app/pages/asset-processing/asset-processing.component.ts b/client/src/app/pages/asset-processing/asset-processing.component.ts
index 71398587..4fd978db 100644
--- a/client/src/app/pages/asset-processing/asset-processing.component.ts
+++ b/client/src/app/pages/asset-processing/asset-processing.component.ts
@@ -12,7 +12,7 @@ import { AfterViewInit, ChangeDetectorRef, Component, ElementRef, OnDestroy, OnI
import { AssetService } from './assets.service';
import { forkJoin, Observable } from 'rxjs';
import { SubSink } from "subsink";
-import { ConfirmationDialogOptions } from '../../Shared/components/confirmation-dialog/confirmation-dialog.component'
+import { ConfirmationDialogOptions } from '../../common/components/confirmation-dialog/confirmation-dialog.component'
import { UsersService } from '../admin-processing/user-processing/users.service';
import { Chart, registerables, ChartData } from 'chart.js';
import ChartDataLabels from 'chartjs-plugin-datalabels';
@@ -187,7 +187,7 @@ export class AssetProcessingComponent implements OnInit, AfterViewInit, OnDestro
this.subs.sink = (await this.userService.getCurrentUser()).subscribe(
(response: any) => {
- if (response.userId) {
+ if (response?.userId) {
this.user = response;
if (this.user.accountStatus === 'ACTIVE') {
diff --git a/client/src/app/pages/asset-processing/asset-processing.module.ts b/client/src/app/pages/asset-processing/asset-processing.module.ts
index f7e8147c..de05d480 100644
--- a/client/src/app/pages/asset-processing/asset-processing.module.ts
+++ b/client/src/app/pages/asset-processing/asset-processing.module.ts
@@ -12,7 +12,7 @@ import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { provideCharts, withDefaultRegisterables } from 'ng2-charts';
-import { SharedModule } from '../../Shared/shared.module';
+import { SharedModule } from '../../common/shared.module';
import { AssetProcessingComponent } from './asset-processing.component';
import { AssetProcessingRoutingModule } from './asset-processing.routing';
import { AssetComponent } from './asset/asset.component';
diff --git a/client/src/app/pages/asset-processing/asset/asset.component.ts b/client/src/app/pages/asset-processing/asset/asset.component.ts
index b99a84e6..a518cb19 100644
--- a/client/src/app/pages/asset-processing/asset/asset.component.ts
+++ b/client/src/app/pages/asset-processing/asset/asset.component.ts
@@ -13,7 +13,7 @@ import { Router } from '@angular/router';
import { ConfirmationService, MessageService } from 'primeng/api';
import { Subscription } from 'rxjs';
import { SubSink } from 'subsink';
-import { SharedService } from '../../../Shared/shared.service';
+import { SharedService } from '../../../common/services/shared.service';
import { AssetService } from '../assets.service';
@Component({
diff --git a/client/src/app/pages/import-processing/import-processing-routing.module.ts b/client/src/app/pages/import-processing/import-processing-routing.module.ts
index fb4280b2..82dcf0a6 100644
--- a/client/src/app/pages/import-processing/import-processing-routing.module.ts
+++ b/client/src/app/pages/import-processing/import-processing-routing.module.ts
@@ -12,7 +12,7 @@ import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { STIGManagerImportComponent } from './stigmanager-import/stigmanager-import.component';
import { TenableImportComponent } from './tenable-import/tenable-import.component';
-import { AuthGuard } from '../../auth/auth.guard'
+import { AuthGuard } from '../../core/auth/guards/auth.guard'
const routes: Routes = [
{ path: 'stigmanager-import', canActivate: [AuthGuard], component: STIGManagerImportComponent },
diff --git a/client/src/app/pages/import-processing/import-processing.module.ts b/client/src/app/pages/import-processing/import-processing.module.ts
index c28679ad..23a78b8d 100644
--- a/client/src/app/pages/import-processing/import-processing.module.ts
+++ b/client/src/app/pages/import-processing/import-processing.module.ts
@@ -12,7 +12,7 @@ import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
-import { SharedModule } from '../../Shared/shared.module';
+import { SharedModule } from '../../common/shared.module';
import { STIGManagerImportComponent } from './stigmanager-import/stigmanager-import.component';
import { TenableImportComponent } from './tenable-import/tenable-import.component';
import { ImportProcessingRoutingModule } from './import-processing-routing.module';
diff --git a/client/src/app/pages/import-processing/stigmanager-import/stigmanager-import.component.ts b/client/src/app/pages/import-processing/stigmanager-import/stigmanager-import.component.ts
index cf231bcc..0b912b69 100644
--- a/client/src/app/pages/import-processing/stigmanager-import/stigmanager-import.component.ts
+++ b/client/src/app/pages/import-processing/stigmanager-import/stigmanager-import.component.ts
@@ -15,7 +15,7 @@ import ChartDataLabels from 'chartjs-plugin-datalabels';
import { Observable, Subscription, catchError, forkJoin, of } from 'rxjs';
import { SubSink } from "subsink";
import { ImportService } from '../../import-processing/import.service';
-import { SharedService } from '../../../Shared/shared.service';
+import { SharedService } from '../../../common/services/shared.service';
import { CollectionsService } from '../../admin-processing/collection-processing/collections.service';
import { UsersService } from '../../admin-processing/user-processing/users.service';
import { PoamAssetUpdateService } from '../../import-processing/stigmanager-import/stigmanager-update/stigmanager-update.service';
@@ -142,7 +142,7 @@ export class STIGManagerImportComponent implements OnInit, OnDestroy {
);
(await this.userService.getCurrentUser()).subscribe({
next: (response: any) => {
- if (response.userId) {
+ if (response?.userId) {
this.user = response;
}
},
diff --git a/client/src/app/pages/import-processing/stigmanager-import/stigmanager-update/stigmanager-update.service.ts b/client/src/app/pages/import-processing/stigmanager-import/stigmanager-update/stigmanager-update.service.ts
index d85c34c9..96aeebaa 100644
--- a/client/src/app/pages/import-processing/stigmanager-import/stigmanager-update/stigmanager-update.service.ts
+++ b/client/src/app/pages/import-processing/stigmanager-import/stigmanager-update/stigmanager-update.service.ts
@@ -10,7 +10,7 @@
import { Injectable } from '@angular/core';
import { PoamService } from '../../../poam-processing/poams.service';
-import { SharedService } from '../../../../Shared/shared.service';
+import { SharedService } from '../../../../common/services/shared.service';
import { forkJoin, of } from 'rxjs';
import { catchError, map, switchMap } from 'rxjs/operators';
import { ImportService } from '../../import.service';
diff --git a/client/src/app/pages/import-processing/tenable-import/tenable-import.component.ts b/client/src/app/pages/import-processing/tenable-import/tenable-import.component.ts
index 1f3a7076..fd364882 100644
--- a/client/src/app/pages/import-processing/tenable-import/tenable-import.component.ts
+++ b/client/src/app/pages/import-processing/tenable-import/tenable-import.component.ts
@@ -9,8 +9,8 @@
*/
import { Component, OnDestroy, OnInit } from '@angular/core';
-import { ConfirmationDialogOptions } from '../../../Shared/components/confirmation-dialog/confirmation-dialog.component';
-import { SharedService } from '../../../Shared/shared.service';
+import { ConfirmationDialogOptions } from '../../../common/components/confirmation-dialog/confirmation-dialog.component';
+import { SharedService } from '../../../common/services/shared.service';
@Component({
diff --git a/client/src/app/pages/label-processing/label-processing.component.ts b/client/src/app/pages/label-processing/label-processing.component.ts
index 358d9d0c..604670a7 100644
--- a/client/src/app/pages/label-processing/label-processing.component.ts
+++ b/client/src/app/pages/label-processing/label-processing.component.ts
@@ -12,8 +12,8 @@ import { Component, OnDestroy, OnInit, TemplateRef, ViewChild } from '@angular/c
import { DialogService } from 'primeng/dynamicdialog';
import { Observable, Subscription } from 'rxjs';
import { SubSink } from 'subsink';
-import { ConfirmationDialogComponent, ConfirmationDialogOptions } from '../../Shared/components/confirmation-dialog/confirmation-dialog.component';
-import { SharedService } from '../../Shared/shared.service';
+import { ConfirmationDialogComponent, ConfirmationDialogOptions } from '../../common/components/confirmation-dialog/confirmation-dialog.component';
+import { SharedService } from '../../common/services/shared.service';
import { UsersService } from '../admin-processing/user-processing/users.service';
import { LabelService } from './label.service';
import { Table } from 'primeng/table';
@@ -85,7 +85,7 @@ export class LabelProcessingComponent implements OnInit, OnDestroy {
this.subs.sink = (await this.userService.getCurrentUser()).subscribe(
(response: any) => {
- if (response.userId) {
+ if (response?.userId) {
this.user = response;
if (this.user.accountStatus === 'ACTIVE') {
this.payload = {
diff --git a/client/src/app/pages/label-processing/label-processing.module.ts b/client/src/app/pages/label-processing/label-processing.module.ts
index 65d63937..e8290247 100644
--- a/client/src/app/pages/label-processing/label-processing.module.ts
+++ b/client/src/app/pages/label-processing/label-processing.module.ts
@@ -11,7 +11,7 @@
import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
-import { SharedModule } from '../../Shared/shared.module';
+import { SharedModule } from '../../common/shared.module';
import { LabelProcessingComponent } from './label-processing.component';
import { LabelProcessingRoutingModule } from './label-processing.routing';
import { LabelComponent } from './label/label.component';
diff --git a/client/src/app/pages/label-processing/label/label.component.ts b/client/src/app/pages/label-processing/label/label.component.ts
index 25549a0a..58904d87 100644
--- a/client/src/app/pages/label-processing/label/label.component.ts
+++ b/client/src/app/pages/label-processing/label/label.component.ts
@@ -12,9 +12,9 @@ import { Component, OnInit, Input, EventEmitter, Output, OnDestroy, SimpleChange
import { LabelService } from '../label.service';
import { Observable, Subscription } from 'rxjs';
import { SubSink } from 'subsink';
-import { SharedService } from '../../../Shared/shared.service';
+import { SharedService } from '../../../common/services/shared.service';
import { DialogService } from 'primeng/dynamicdialog';
-import { ConfirmationDialogComponent, ConfirmationDialogOptions } from '../../../Shared/components/confirmation-dialog/confirmation-dialog.component';
+import { ConfirmationDialogComponent, ConfirmationDialogOptions } from '../../../common/components/confirmation-dialog/confirmation-dialog.component';
@Component({
selector: 'cpat-label',
diff --git a/client/src/app/pages/marketplace/marketplace.component.ts b/client/src/app/pages/marketplace/marketplace.component.ts
index bbed62f4..c439c174 100644
--- a/client/src/app/pages/marketplace/marketplace.component.ts
+++ b/client/src/app/pages/marketplace/marketplace.component.ts
@@ -15,7 +15,8 @@ import { MarketplaceService } from './marketplace.service';
import { SubSink } from 'subsink';
import { forkJoin } from 'rxjs';
import { UsersService } from '../admin-processing/user-processing/users.service';
-import { AppConfigService } from '../../Shared/service/appconfigservice';
+import { LayoutService } from '../../layout/services/app.layout.service';
+
interface Theme {
themeId: number;
@@ -47,7 +48,8 @@ export class MarketplaceComponent implements OnInit, OnDestroy {
private dialogService: DialogService,
private confirmationService: ConfirmationService,
private messageService: MessageService,
- private configService: AppConfigService
+ public layoutService: LayoutService,
+
) { }
ngOnInit() {
@@ -57,7 +59,7 @@ export class MarketplaceComponent implements OnInit, OnDestroy {
async loadUserData() {
this.subs.sink = (await this.userService.getCurrentUser()).subscribe(
async (response: any) => {
- if (response.userId) {
+ if (response?.userId) {
this.user = response;
await this.loadUserPointsAndThemes();
}
@@ -143,7 +145,7 @@ export class MarketplaceComponent implements OnInit, OnDestroy {
};
(await this.userService.updateUserTheme(userThemeUpdate)).subscribe(
(result: any) => {
- this.configService.applyTheme(themeIdentifier);
+ this.layoutService.config.update((config) => ({ ...config, theme: themeIdentifier }));
this.messageService.add({ severity: 'success', summary: 'Success', detail: 'Theme updated successfully' });
},
(error) => {
@@ -156,7 +158,7 @@ export class MarketplaceComponent implements OnInit, OnDestroy {
if (themeId === undefined) {
return '';
}
- return `assets/themes/theme-${themeId}.png`;
+ return `assets/theme-previews/theme-${themeId}.png`;
}
openImageDialog(theme: Theme) {
diff --git a/client/src/app/pages/marketplace/marketplace.service.ts b/client/src/app/pages/marketplace/marketplace.service.ts
index 11b2c5a1..b9cf140c 100644
--- a/client/src/app/pages/marketplace/marketplace.service.ts
+++ b/client/src/app/pages/marketplace/marketplace.service.ts
@@ -12,7 +12,7 @@ import { HttpClient, HttpErrorResponse, HttpHeaders } from '@angular/common/http
import { Injectable } from '@angular/core';
import { firstValueFrom, throwError } from 'rxjs';
import { catchError } from 'rxjs/operators';
-import { Theme } from '../../Shared/models/themes.model';
+import { Theme } from '../../common/models/themes.model';
import { OidcSecurityService } from 'angular-auth-oidc-client';
@Injectable({
diff --git a/client/src/app/pages/poam-processing/poam-approve/poam-approve.component.ts b/client/src/app/pages/poam-processing/poam-approve/poam-approve.component.ts
index 4cdb7463..78ae4c4c 100644
--- a/client/src/app/pages/poam-processing/poam-approve/poam-approve.component.ts
+++ b/client/src/app/pages/poam-processing/poam-approve/poam-approve.component.ts
@@ -15,7 +15,7 @@ import { PoamService } from '../poams.service';
import { UsersService } from '../../admin-processing/user-processing/users.service';
import { DatePipe } from '@angular/common';
import { Subscription, forkJoin } from 'rxjs';
-import { SharedService } from '../../../Shared/shared.service';
+import { SharedService } from '../../../common/services/shared.service';
import { PoamApproveService } from './poam-approve.service';
import { parseISO, format } from 'date-fns';
import { ChangeDetectorRef } from '@angular/core';
@@ -77,7 +77,7 @@ export class PoamApproveComponent implements OnInit, AfterViewInit, OnDestroy {
this.user = null;
(await this.userService.getCurrentUser()).subscribe({
next: (response: any) => {
- if (response.userId) {
+ if (response?.userId) {
this.user = response;
this.getData();
} else {
diff --git a/client/src/app/pages/poam-processing/poam-components/poam-grid/poam-grid.component.ts b/client/src/app/pages/poam-processing/poam-components/poam-grid/poam-grid.component.ts
index d0a2b9b6..6db6e313 100644
--- a/client/src/app/pages/poam-processing/poam-components/poam-grid/poam-grid.component.ts
+++ b/client/src/app/pages/poam-processing/poam-components/poam-grid/poam-grid.component.ts
@@ -10,7 +10,7 @@
import { Component, Input, OnChanges, SimpleChanges } from '@angular/core';
import { Router } from '@angular/router';
-import { ExcelDataService } from '../../../../Shared/utils/excel-data.service';
+import { ExcelDataService } from '../../../../common/utils/excel-data.service';
@Component({
selector: 'cpat-poam-grid',
diff --git a/client/src/app/pages/poam-processing/poam-details/poam-details.component.ts b/client/src/app/pages/poam-processing/poam-details/poam-details.component.ts
index c9f804bf..dccf33ff 100644
--- a/client/src/app/pages/poam-processing/poam-details/poam-details.component.ts
+++ b/client/src/app/pages/poam-processing/poam-details/poam-details.component.ts
@@ -16,7 +16,7 @@ import { addDays, format, isAfter, parseISO } from 'date-fns';
import { Subscription, forkJoin, of, throwError } from 'rxjs';
import { catchError, map, switchMap, tap } from 'rxjs/operators';
import { SubSink } from 'subsink';
-import { SharedService } from '../../../Shared/shared.service';
+import { SharedService } from '../../../common/services/shared.service';
import { CollectionsService } from '../../admin-processing/collection-processing/collections.service';
import { UsersService } from '../../admin-processing/user-processing/users.service';
import { PoamService } from '../poams.service';
@@ -105,6 +105,7 @@ export class PoamDetailsComponent implements OnInit, OnDestroy {
filteredStigmanSTIGs: string[] = [];
selectedStig: any = null;
selectedStigTitle: string = '';
+ selectedStigObject: any = null;
selectedStigBenchmarkId: string = '';
assetList: any[] = [];
stateData: any;
@@ -214,7 +215,9 @@ export class PoamDetailsComponent implements OnInit, OnDestroy {
})
);
this.setPayload();
- this.fetchAssets();
+ if (this.poamId !== "ADDPOAM") {
+ this.fetchAssets();
+ }
}
async setPayload() {
@@ -223,7 +226,7 @@ export class PoamDetailsComponent implements OnInit, OnDestroy {
(await this.userService.getCurrentUser()).subscribe({
next: (response: any) => {
- if (response.userId) {
+ if (response?.userId) {
this.user = response;
if (this.user.accountStatus === 'ACTIVE') {
@@ -405,9 +408,10 @@ export class PoamDetailsComponent implements OnInit, OnDestroy {
const selectedStig = this.stigmanSTIGs.find((stig: any) => stig.benchmarkId === benchmarkId);
this.validateStigManagerCollection();
if (selectedStig) {
+ this.selectedStigObject = selectedStig;
+ this.selectedStigTitle = selectedStig.title;
this.onStigSelected(selectedStig);
- }
- else {
+ } else {
this.poam.stigBenchmarkId = benchmarkId;
}
}
@@ -608,7 +612,6 @@ export class PoamDetailsComponent implements OnInit, OnDestroy {
this.showError("Unexpected error adding POAM", "Error");
} else {
this.poam.poamId = res.poamId;
- this.poamService.newPoam(this.poam);
this.showConfirmation("Added POAM: " + res.poamId, "Success", "success");
}
},
@@ -632,9 +635,15 @@ export class PoamDetailsComponent implements OnInit, OnDestroy {
}
onStigSelected(event: any) {
- const selectedStig = this.stigmanSTIGs.find((stig: any) => stig.title === event);
+ let selectedStig;
+ if (typeof event === 'string') {
+ selectedStig = this.stigmanSTIGs.find((stig: any) => stig.title === event);
+ } else {
+ selectedStig = event;
+ }
+
if (selectedStig) {
- this.selectedStigTitle = '';
+ this.selectedStigTitle = selectedStig.title;
this.selectedStigBenchmarkId = selectedStig.benchmarkId;
this.poam.stigTitle = selectedStig.title;
this.poam.stigBenchmarkId = selectedStig.benchmarkId;
@@ -1163,9 +1172,9 @@ export class PoamDetailsComponent implements OnInit, OnDestroy {
}
searchStigTitles(event: any) {
- const query = event.query;
- this.filteredStigmanSTIGs = this.stigmanSTIGs.filter((stig: { title: string }) =>
- stig.title.toLowerCase().includes(query.toLowerCase())
+ const query = event.query.toLowerCase();
+ this.filteredStigmanSTIGs = this.stigmanSTIGs.filter((stig: any) =>
+ stig.title.toLowerCase().includes(query)
);
}
diff --git a/client/src/app/pages/poam-processing/poam-extend/poam-extend.component.ts b/client/src/app/pages/poam-processing/poam-extend/poam-extend.component.ts
index d4637c9a..9e2e4259 100644
--- a/client/src/app/pages/poam-processing/poam-extend/poam-extend.component.ts
+++ b/client/src/app/pages/poam-processing/poam-extend/poam-extend.component.ts
@@ -15,7 +15,7 @@ import { Subscription, forkJoin } from 'rxjs';
import { addDays, format, isAfter, parseISO } from 'date-fns';
import { PoamService } from '../poams.service';
import { UsersService } from '../../admin-processing/user-processing/users.service';
-import { SharedService } from '../../../Shared/shared.service';
+import { SharedService } from '../../../common/services/shared.service';
import { PoamExtensionService } from '../poam-extend/poam-extend.service';
import { MessageService } from 'primeng/api';
import { Table } from 'primeng/table';
@@ -95,7 +95,7 @@ export class PoamExtendComponent implements OnInit, OnDestroy {
this.user = null;
(await this.userService.getCurrentUser()).subscribe({
next: (response: any) => {
- if (response.userId) {
+ if (response?.userId) {
this.user = response;
this.getData();
} else {
diff --git a/client/src/app/pages/poam-processing/poam-log/poam-log.component.ts b/client/src/app/pages/poam-processing/poam-log/poam-log.component.ts
index 8ee84c09..6de339ef 100644
--- a/client/src/app/pages/poam-processing/poam-log/poam-log.component.ts
+++ b/client/src/app/pages/poam-processing/poam-log/poam-log.component.ts
@@ -10,7 +10,7 @@
import { AfterViewInit, ChangeDetectorRef, Component, OnInit } from '@angular/core';
import { ActivatedRoute, Router } from '@angular/router';
-import { SharedService } from '../../../Shared/shared.service';
+import { SharedService } from '../../../common/services/shared.service';
import { Subscription } from 'rxjs';
import { PoamLogService } from './poam-log.service';
diff --git a/client/src/app/pages/poam-processing/poam-manage/poam-manage.component.scss b/client/src/app/pages/poam-processing/poam-manage/poam-manage.component.scss
index ba2b405e..ef23d3fd 100644
--- a/client/src/app/pages/poam-processing/poam-manage/poam-manage.component.scss
+++ b/client/src/app/pages/poam-processing/poam-manage/poam-manage.component.scss
@@ -71,7 +71,7 @@
.p-datatable-thead > tr > th,
.p-datatable-tbody > tr > td {
padding-left: 0.5rem !important;
- padding-right: 0.5rem !important;
+ padding-right: 0rem !important;
}
}
}
diff --git a/client/src/app/pages/poam-processing/poam-manage/poam-manage.component.ts b/client/src/app/pages/poam-processing/poam-manage/poam-manage.component.ts
index c8182f59..4f29a8bd 100644
--- a/client/src/app/pages/poam-processing/poam-manage/poam-manage.component.ts
+++ b/client/src/app/pages/poam-processing/poam-manage/poam-manage.component.ts
@@ -12,7 +12,7 @@ import { AfterViewInit, ChangeDetectorRef, Component, OnDestroy, OnInit } from '
import { SubSink } from 'subsink';
import { PoamService } from '../poams.service';
import { CollectionsService } from '../../admin-processing/collection-processing/collections.service';
-import { SharedService } from '../../../Shared/shared.service';
+import { SharedService } from '../../../common/services/shared.service';
import { Subscription, forkJoin } from 'rxjs';
import { Router } from '@angular/router';
import { UsersService } from '../../admin-processing/user-processing/users.service';
@@ -84,7 +84,7 @@ export class PoamManageComponent implements OnInit, AfterViewInit, OnDestroy {
(await this.userService.getCurrentUser()).subscribe({
next: (response: any) => {
- if (response.userId) {
+ if (response?.userId) {
this.user = response;
if (this.user.accountStatus === 'ACTIVE') {
diff --git a/client/src/app/pages/poam-processing/poam-processing-routing.module.ts b/client/src/app/pages/poam-processing/poam-processing-routing.module.ts
index c421307e..14eb81fc 100644
--- a/client/src/app/pages/poam-processing/poam-processing-routing.module.ts
+++ b/client/src/app/pages/poam-processing/poam-processing-routing.module.ts
@@ -16,7 +16,7 @@ import { PoamExtendComponent } from './poam-extend/poam-extend.component';
import { PoamLogComponent } from './poam-log/poam-log.component';
import { PoamManageComponent } from './poam-manage/poam-manage.component';
import { PoamsComponent } from './poams.component';
-import { AuthGuard } from '../../auth/auth.guard'
+import { AuthGuard } from '../../core/auth/guards/auth.guard'
const routes: Routes = [
{ path: '', component: PoamsComponent },
diff --git a/client/src/app/pages/poam-processing/poams.component.ts b/client/src/app/pages/poam-processing/poams.component.ts
index 8c5dafd2..84aaf5e8 100644
--- a/client/src/app/pages/poam-processing/poams.component.ts
+++ b/client/src/app/pages/poam-processing/poams.component.ts
@@ -62,7 +62,7 @@ export class PoamsComponent implements OnInit, AfterViewInit, OnDestroy {
this.payload = null;
this.subs.sink = (await this.userService.getCurrentUser()).subscribe({
next: (response: any) => {
- if (response.userId) {
+ if (response?.userId) {
this.user = response;
if (this.user.accountStatus === 'ACTIVE') {
diff --git a/client/src/app/pages/poam-processing/poams.service.ts b/client/src/app/pages/poam-processing/poams.service.ts
index 3ca93b18..104ac7ce 100644
--- a/client/src/app/pages/poam-processing/poams.service.ts
+++ b/client/src/app/pages/poam-processing/poams.service.ts
@@ -24,12 +24,6 @@ export class PoamService {
private oidcSecurityService: OidcSecurityService
) { }
- public onNewPoam = new EventEmitter<any>();
-
- public newPoam(poam: any) {
- this.onNewPoam.emit({ poam });
- }
-
private handleError(error: HttpErrorResponse) {
if (error.error instanceof ErrorEvent) {
console.error('An error occurred:', error.error.message);
diff --git a/client/src/app/theme/styles/_primeng-overrides.scss b/client/src/app/styles/_primeng-overrides.scss
similarity index 100%
rename from client/src/app/theme/styles/_primeng-overrides.scss
rename to client/src/app/styles/_primeng-overrides.scss
diff --git a/client/src/app/styles/components/_classification.scss b/client/src/app/styles/components/_classification.scss
new file mode 100644
index 00000000..44dfb2bf
--- /dev/null
+++ b/client/src/app/styles/components/_classification.scss
@@ -0,0 +1,46 @@
+.layout-light {
+ .layout-classification {
+ box-shadow: none !important;
+ }
+}
+.layout-dark {
+ .layout-classification {
+ box-shadow: 0 .5rem 1rem 0 #1a1f33 !important;
+ }
+}
+
+.layout-classification {
+ margin-bottom: 4rem;
+ height: 1.5rem;
+ margin-left: 0rem;
+
+ .layout-classification-container {
+ padding: 2rem 1rem 2rem;
+ background-color: var(--surface-overlay);
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ width: 100%;
+ height: 100%;
+ margin-right: -2rem !important;
+ }
+
+ .layout-classification-content {
+ flex: 1;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ min-width: 0%;
+ }
+
+ .layout-classification-text {
+ line-height: 1.5;
+ display: block;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ min-width: 0%;
+ font-weight: 600;
+ color: var(--primary-color-text);
+ }
+}
diff --git a/client/src/app/styles/components/_config.scss b/client/src/app/styles/components/_config.scss
new file mode 100644
index 00000000..4cf4cfdd
--- /dev/null
+++ b/client/src/app/styles/components/_config.scss
@@ -0,0 +1,27 @@
+.layout-sidebar {
+ background: var(--surface-overlay);
+}
+
+.layout-config {
+ .p-selectbutton {
+ .p-button {
+ padding: 0.5rem 1rem;
+
+ &:first-child {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+ }
+
+ &:last-child {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+ }
+ }
+ &.p-sidebar {
+ .p-sidebar-content {
+ padding-left: 2rem;
+ padding-right: 2rem;
+ }
+ }
+ }
+}
diff --git a/client/src/app/styles/components/_content.scss b/client/src/app/styles/components/_content.scss
new file mode 100644
index 00000000..e69de29b
diff --git a/client/src/app/styles/components/_fonts.scss b/client/src/app/styles/components/_fonts.scss
new file mode 100644
index 00000000..b3060708
--- /dev/null
+++ b/client/src/app/styles/components/_fonts.scss
@@ -0,0 +1,36 @@
+/* poppins-regular - latin */
+@font-face {
+ font-family: 'Poppins';
+ font-style: normal;
+ font-weight: 400;
+ src: local(''),
+ url('../../fonts/poppins-v20-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+ url('../../fonts/poppins-v20-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+ }
+ /* poppins-500 - latin */
+ @font-face {
+ font-family: 'Poppins';
+ font-style: normal;
+ font-weight: 500;
+ src: local(''),
+ url('../../fonts/poppins-v20-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+ url('../../fonts/poppins-v20-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+ }
+ /* poppins-600 - latin */
+ @font-face {
+ font-family: 'Poppins';
+ font-style: normal;
+ font-weight: 600;
+ src: local(''),
+ url('../../fonts/poppins-v20-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+ url('../../fonts/poppins-v20-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+ }
+ /* poppins-700 - latin */
+ @font-face {
+ font-family: 'Poppins';
+ font-style: normal;
+ font-weight: 700;
+ src: local(''),
+ url('../../fonts/poppins-v20-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+ url('../../fonts/poppins-v20-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+ }
\ No newline at end of file
diff --git a/client/src/app/styles/components/_main.scss b/client/src/app/styles/components/_main.scss
new file mode 100644
index 00000000..79a0217c
--- /dev/null
+++ b/client/src/app/styles/components/_main.scss
@@ -0,0 +1,45 @@
+* {
+ box-sizing: border-box;
+}
+
+html {
+ height: 100%;
+ font-size: $scale;
+}
+
+body {
+ font-weight: 400;
+ padding: 0;
+ margin: 0;
+ min-height: 100%;
+ background: var(--surface-ground);
+ color: var(--text-color);
+ font-family: var(--font-family);
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+a {
+ text-decoration: none;
+}
+
+.layout-container {
+ min-height: 100vh;
+}
+
+.layout-container {
+ .layout-menu {
+ .layout-root-menuitem {
+ > a {
+ i {
+ color: var(--primary-color);
+ opacity: 0.85;
+ }
+ .layout-menuitem-icon {
+ color: var(--primary-color);
+ opacity: 0.85;
+ }
+ }
+ }
+ }
+}
diff --git a/client/src/app/styles/components/_menutheme.scss b/client/src/app/styles/components/_menutheme.scss
new file mode 100644
index 00000000..147f3ba5
--- /dev/null
+++ b/client/src/app/styles/components/_menutheme.scss
@@ -0,0 +1,82 @@
+.layout-colorscheme-menu {
+ --logo-color: var(--primary-color);
+ --menu-bg: var(--surface-overlay);
+ --root-menuitem-text-color: var(--primary-color);
+ --menuitem-text-color: var(--text-color);
+ --menuitem-icon-color: var(--primary-color);
+ --menuitem-hover-bg-color: var(--surface-hover);
+ --popup-submenu-item-text-color: var(--text-color);
+ --popup-submenu-item-icon-color: var(--primary-color);
+ --popup-submenu-item-hover-bg-color: var(--surface-hover);
+}
+
+.layout-primarycolor-menu {
+ --logo-color: var(--primary-color-text);
+ --menu-bg: linear-gradient(to left top, var(--primary-400), var(--primary-500), var(--primary-600));
+ --root-menuitem-text-color: var(--primary-color-text);
+ --menuitem-text-color: var(--primary-color-text);
+ --menuitem-icon-color: var(--primary-color-text);
+ --menuitem-hover-bg-color: rgba(255,255,255,.08);
+ --popup-submenu-item-text-color: var(--text-color);
+ --popup-submenu-item-icon-color: var(--primary-color);
+ --popup-submenu-item-hover-bg-color: var(--surface-hover);
+}
+
+.layout-dark.layout-primarycolor-menu {
+ --menu-bg: linear-gradient(to left top, var(--primary-300), var(--primary-400), var(--primary-500));
+}
+
+.layout-transparent-menu {
+ --logo-color: var(--primary-color);
+ --menu-bg: var(--surface-overlay);
+ --root-menuitem-text-color: var(--primary-color);
+ --menuitem-text-color: var(--text-color);
+ --menuitem-icon-color: var(--primary-color);
+ --menuitem-hover-bg-color: var(--surface-hover);
+ --popup-submenu-item-text-color: var(--text-color);
+ --popup-submenu-item-icon-color: var(--primary-color);
+ --popup-submenu-item-hover-bg-color: var(--surface-hover);
+}
+
+@media screen and (min-width: $breakpoint) {
+ .layout-container.layout-transparent-menu {
+ &.layout-static,
+ &.layout-slim,
+ &.layout-slim-plus,
+ &.layout-horizontal {
+ .layout-sidebar {
+ background-color: transparent;
+ border-right: 1px solid transparent;
+ box-shadow: none;
+ }
+ }
+ }
+}
+
+
+.layout-sidebar .layout-menu-container .layout-menu > li > a {
+ position: relative !important;
+ padding-top: 20px;
+ padding-bottom: 20px;
+}
+
+.layout-sidebar .layout-menu-container .layout-menu > li:not(:first-child) > a::before {
+ content: '';
+ position: absolute;
+ left: 2%;
+ top: 0px;
+ width: 96%;
+ height: 0.8px;
+}
+
+.layout-static.layout-dark .layout-sidebar .layout-menu-container .layout-menu > li:not(:first-child) > a::before {
+ background-color: rgba(30, 30, 30, 0.7);
+}
+
+.layout-static.layout-light .layout-sidebar .layout-menu-container .layout-menu > li:not(:first-child) > a::before {
+ background-color: rgba(50, 50, 50, 0.1);
+}
+
+.layout-sidebar .layout-menu-container .layout-menu > li:last-child > a {
+ margin-bottom: 0 !important;
+}
diff --git a/client/src/app/theme/styles/_pace-theme.scss b/client/src/app/styles/components/_pace-theme.scss
similarity index 100%
rename from client/src/app/theme/styles/_pace-theme.scss
rename to client/src/app/styles/components/_pace-theme.scss
diff --git a/client/src/app/styles/components/_profile.scss b/client/src/app/styles/components/_profile.scss
new file mode 100644
index 00000000..4cb5e133
--- /dev/null
+++ b/client/src/app/styles/components/_profile.scss
@@ -0,0 +1,10 @@
+.layout-profile-sidebar {
+ &.p-sidebar {
+ width: 25rem;
+
+ .p-sidebar-content {
+ padding-left: 2rem;
+ padding-right: 2rem;
+ }
+ }
+}
\ No newline at end of file
diff --git a/client/src/app/styles/components/_responsive.scss b/client/src/app/styles/components/_responsive.scss
new file mode 100644
index 00000000..64ceac97
--- /dev/null
+++ b/client/src/app/styles/components/_responsive.scss
@@ -0,0 +1,138 @@
+@media screen and (min-width: $breakpoint) {
+ .layout-container {
+ &.layout-static {
+ .layout-sidebar {
+ transform: translateX(0);
+ }
+ .layout-classification {
+ margin-left: 18rem;
+ transition: transform var(--transition-duration);
+ }
+ .layout-content-wrapper {
+ margin-left: 18rem;
+ transition: margin-left 0.3s cubic-bezier(0, 0, 0.2, 1);
+ }
+ }
+
+ &.layout-static-inactive {
+ .layout-classification {
+ margin-left: 0rem;
+ transition: transform var(--transition-duration);
+ }
+ .layout-content-wrapper {
+ margin-left: 0rem;
+ }
+
+ .layout-sidebar {
+ z-index: 999;
+ transform: translateX(-100%);
+ transition: transform var(--transition-duration);
+ }
+ }
+
+ &.layout-overlay {
+ .layout-classification {
+ margin-left: 0rem;
+ transition: transform var(--transition-duration);
+ }
+ .layout-content-wrapper {
+ margin-left: 0rem;
+ }
+
+ .layout-sidebar {
+ z-index: 999;
+ transform: translateX(-100%);
+ transition: transform var(--transition-duration);
+ }
+
+ &.layout-overlay-active {
+ .layout-sidebar {
+ transform: translateX(0);
+ }
+ .layout-classification {
+ margin-left: 18rem;
+ transition: transform var(--transition-duration);
+ }
+ .layout-content-wrapper {
+ margin-left: 18rem;
+ transition: margin-left 0.3s cubic-bezier(0, 0, 0.2, 1);
+ }
+ }
+ }
+
+ .content-breadcrumb {
+ display: none;
+ }
+ }
+}
+
+@media screen and (max-width: ($breakpoint - 1)) {
+ .blocked-scroll {
+ overflow: hidden;
+ }
+
+ .layout-container {
+ .layout-content-wrapper {
+ margin-left: 2rem;
+ padding: 1rem;
+ }
+
+ .layout-sidebar {
+ z-index: 999;
+ transform: translateX(-100%);
+ transition: transform var(--transition-duration);
+ box-shadow: none;
+ }
+
+ &.layout-mobile-active {
+ .layout-sidebar {
+ transform: translateX(0);
+ }
+
+ .layout-mask {
+ display: block;
+ animation: fadein var(--transition-duration);
+ }
+ }
+
+ .layout-mask {
+ display: none;
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: 998;
+ width: 100%;
+ height: 100%;
+ background-color: var(--maskbg);
+ }
+
+ .topbar-breadcrumb {
+ display: none;
+ }
+
+ .content-breadcrumb {
+ display: block;
+ }
+
+
+ }
+
+}
+
+ .layout-content, .landing-wrapper {
+ width: auto;
+ margin-left: 2rem !important;
+ margin-right: 2rem !important;
+ }
+
+@media screen and (min-width: 1960px) {
+ .layout-topbar {
+ width: auto;
+ margin-left: auto !important;
+ margin-right: auto !important;
+ }
+
+ .layout-classification {
+ width: auto;
+ }
+}
diff --git a/client/src/app/theme/styles/_scrollbar.scss b/client/src/app/styles/components/_scrollbar.scss
similarity index 100%
rename from client/src/app/theme/styles/_scrollbar.scss
rename to client/src/app/styles/components/_scrollbar.scss
diff --git a/client/src/app/styles/components/_sidebar_horizontal.scss b/client/src/app/styles/components/_sidebar_horizontal.scss
new file mode 100644
index 00000000..632db58f
--- /dev/null
+++ b/client/src/app/styles/components/_sidebar_horizontal.scss
@@ -0,0 +1,143 @@
+@media screen and (min-width: $breakpoint) {
+ .layout-container {
+ &.layout-horizontal {
+ .layout-topbar {
+ .topbar-menubutton {
+ display: none;
+ }
+ }
+ .layout-classification {
+ margin-left: 0;
+ }
+ .sidebar-header{
+ .app-logo {
+ .applogo {
+ display: none;
+ }
+
+ .applogosmall {
+ display: none;
+ }
+ }
+ }
+ .layout-sidebar {
+ width: auto;
+ height: auto;
+ top: 0;
+ z-index: 99999;
+ overflow: visible;
+ flex-direction: row;
+ position: static;
+ margin-right: 0;
+ .layout-menu-container {
+ overflow: auto;
+ padding-bottom: 0;
+ &::-webkit-scrollbar {
+ display: none;
+ }
+ }
+ .menu-filter {
+ display: none;
+ }
+ .sidebar-header {
+ padding: 0 2rem;
+ }
+ }
+
+ .layout-menu {
+ display: flex;
+ flex-wrap: nowrap;
+ flex-direction: row;
+ align-items: center;
+ height: 100%;
+
+ ul {
+ display: none;
+ }
+
+ .layout-root-menuitem {
+ border-radius: var(--border-radius);
+
+ > .layout-menuitem-root-text {
+ display: none;
+ }
+
+ > a {
+ display: flex;
+ align-items: center;
+ padding: .5rem;
+ border-radius: 10px;
+ cursor: pointer;
+ outline: none;
+ color: var(--menuitem-text-color);
+ transition: background-color var(--transition-duration);
+ margin-top: 0.5rem;
+
+ i {
+ padding-right: 0;
+ margin-left: 0;
+ font-size: 1.15rem;
+ }
+
+ .layout-submenu-toggler {
+ display: block;
+ margin-left: auto;
+ transition: transform 0.2s;
+ }
+
+ .layout-menuitem-icon {
+ font-size: 1.25rem;
+ }
+
+ .layout-menuitem-text {
+ font-size: 0.875rem;
+ display: block;
+ margin-left: .25rem;
+ margin-right: .5rem;
+ white-space: nowrap;
+ }
+
+ &:hover {
+ background-color: var(--menuitem-hover-bg-color);
+ }
+ }
+
+ > ul {
+ position: absolute;
+ left: auto;
+ top: 3rem;
+ min-width: 15rem;
+ background-color: var(--surface-overlay);
+ box-shadow: var(--sidebar-shadow);
+ padding: 1rem;
+ border-radius: var(--border-radius);
+ max-height: 20rem;
+ overflow: auto;
+ z-index: 999;
+
+ a {
+ padding-right: .5rem;
+ color: var(--popup-submenu-item-text-color);
+ border-radius: var(--border-radius);
+
+ .layout-menuitem-icon {
+ color: var(--popup-submenu-item-icon-color);
+ }
+
+ &:hover {
+ background-color: var(--popup-submenu-item-hover-bg-color);
+ }
+ }
+
+ li {
+ a {
+ padding-left: 0.5rem;
+ }
+
+ }
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/client/src/app/styles/components/_sidebar_reveal.scss b/client/src/app/styles/components/_sidebar_reveal.scss
new file mode 100644
index 00000000..9b736b9f
--- /dev/null
+++ b/client/src/app/styles/components/_sidebar_reveal.scss
@@ -0,0 +1,179 @@
+@media screen and (min-width: $breakpoint) {
+ .layout-container {
+ &.layout-reveal {
+ .layout-topbar {
+ .topbar-menubutton {
+ display: none;
+ }
+ }
+
+ .layout-sidebar {
+ height: 100%;
+ top: 0;
+ transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1);
+ transform: translateX(-14.75rem);
+ z-index: 999;
+
+ .menu-filter {
+ display: none;
+ }
+
+ .sidebar-header {
+ display: flex;
+ justify-content: flex-end;
+ align-items: center;
+ gap: 1rem;
+ padding: 1.5rem 1rem;
+
+ .app-logo {
+ .applogosmall {
+ display: none;
+ }
+
+ .applogo {
+ display: none;
+ }
+ }
+
+ .layout-sidebar-anchor {
+ display: none;
+ width: 1.25rem;
+ height: 1.25rem;
+ border-radius: 50%;
+ border: 2px solid var(--logo-color);
+ background-color: transparent;
+ transition: background-color var(--transition-duration),
+ transform 0.3s;
+ }
+ }
+ .layout-menu-container {
+ overflow: hidden;
+ }
+
+
+ .layout-menu {
+ .layout-root-menuitem {
+ >.layout-menuitem-root-text {
+ >span {
+ margin-right: auto;
+ }
+
+ >.layout-menuitem-root-icon {
+ display: block;
+ margin-right: 0.125rem;
+ }
+ }
+ }
+
+ ul {
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+
+ a {
+ padding: 0.75rem 1rem;
+
+ .layout-menuitem-text {
+ order: 1;
+ margin-right: auto;
+ }
+
+ .layout-submenu-toggler {
+ order: 2;
+ display: none;
+ margin-right: 0.5rem;
+ }
+
+ .layout-menuitem-icon {
+ order: 3;
+ margin-right: 0;
+ font-size: 1.25rem;
+ width: auto;
+ }
+ }
+ }
+ }
+ }
+
+ .layout-classification {
+ margin-left: 3.25rem;
+ transition: margin-left 0.3s cubic-bezier(0, 0, 0.2, 1);
+ }
+
+ &.layout-reveal {
+ .layout-content-wrapper {
+ margin-left: 3.25rem;
+ transition: margin-left 0.3s cubic-bezier(0, 0, 0.2, 1);
+ }
+ }
+
+ &.layout-sidebar-active {
+ .layout-classification {
+ margin-left: 18rem;
+ transition: margin-left 0.3s cubic-bezier(0, 0, 0.2, 1);
+ }
+ .layout-content-wrapper {
+ margin-left: 18rem;
+ transition: margin-left 0.3s cubic-bezier(0, 0, 0.2, 1);
+ }
+ .layout-sidebar {
+ transform: translateX(0);
+
+ .menu-filter {
+ display: inline;
+ }
+ .layout-menu-container {
+ overflow: auto;
+ }
+ .sidebar-header {
+ padding: 1.5rem 2rem;
+ justify-content: space-between;
+ .app-logo {
+ .applogo {
+ display: inline;
+ width:209px;
+ height:74px;
+ }
+
+ .applogosmall {
+ display: none;
+ }
+ }
+ }
+
+
+
+ .layout-menu {
+ .layout-root-menuitem {
+ >.layout-menuitem-root-text {
+ >.layout-menuitem-root-icon {
+ display: none;
+ }
+ }
+ }
+
+ ul {
+ a {
+ padding: 0.75rem 2rem;
+
+ .layout-submenu-toggler {
+ display: block;
+ }
+ }
+ ul {
+ overflow: hidden;
+ border-radius: var(--border-radius);
+
+ li {
+ a {
+ padding-left: 2.5rem;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/client/src/app/styles/components/_sidebar_slim.scss b/client/src/app/styles/components/_sidebar_slim.scss
new file mode 100644
index 00000000..2343d45b
--- /dev/null
+++ b/client/src/app/styles/components/_sidebar_slim.scss
@@ -0,0 +1,113 @@
+@media screen and (min-width: $breakpoint) {
+ .layout-container {
+ &.layout-slim {
+ .layout-topbar {
+ .topbar-menubutton {
+ display: none;
+ }
+ }
+
+ .sidebar-header {
+ .app-logo {
+ .applogo {
+ display: none;
+ }
+
+ .applogosmall {
+ display: inline;
+ }
+ }
+ }
+
+ .layout-classification {
+ margin-left: 5rem;
+ transition: background-color 0.2s;
+ }
+
+ .layout-sidebar {
+ width: 5rem;
+ overflow: visible;
+ z-index: 999;
+
+ .layout-menu-container {
+ overflow: auto;
+
+ &::-webkit-scrollbar {
+ display: none;
+ }
+ }
+ }
+
+ .layout-content-wrapper {
+ margin-left: 5rem;
+ }
+
+ .layout-menu {
+ .layout-root-menuitem {
+
+ > .layout-menuitem-root-text {
+ display: none;
+ }
+
+ > a {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border-radius: 50%;
+ cursor: pointer;
+ outline: none;
+ transition: background-color 0.2s;
+ margin: 0 auto 0 auto;
+
+ .layout-submenu-toggler {
+ display: none;
+ }
+
+ .layout-menuitem-icon {
+ padding-right: 0;
+ margin-left: .25rem;
+ font-size: 1.5rem;
+ }
+
+ .layout-menuitem-text {
+ display: none;
+ }
+
+ &:hover {
+ background-color: var(--menuitem-hover-bg-color);
+ }
+ }
+
+ > ul {
+ position: absolute;
+ left: 5rem;
+ top: 0;
+ min-width: 15rem;
+ background-color: var(--surface-overlay);
+ border-radius: var(--border-radius);
+ box-shadow: var(--sidebar-shadow);
+ border: var(--sidebar-border);
+ padding: 1rem;
+ max-height: 20rem;
+ overflow: auto;
+ z-index: 999;
+
+ a {
+ padding-right: .5rem;
+ color: var(--popup-submenu-item-text-color);
+ border-radius: var(--border-radius);
+
+ .layout-menuitem-icon {
+ color: var(--popup-submenu-item-icon-color);
+ }
+
+ &:hover {
+ background-color: var(--popup-submenu-item-hover-bg-color);
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/client/src/app/styles/components/_sidebar_slim_plus.scss b/client/src/app/styles/components/_sidebar_slim_plus.scss
new file mode 100644
index 00000000..c080034b
--- /dev/null
+++ b/client/src/app/styles/components/_sidebar_slim_plus.scss
@@ -0,0 +1,139 @@
+@media screen and (min-width: $breakpoint) {
+ .layout-container {
+ &.layout-slim-plus {
+ .layout-topbar {
+ .topbar-menubutton {
+ display: none;
+ }
+ }
+
+ .sidebar-header {
+ justify-content: center;
+ .app-logo {
+ .applogo {
+ display: none;
+ }
+
+ .applogosmall {
+ display: inline;
+ align-items: center;
+ }
+ }
+ }
+
+ .layout-classification {
+ margin-left: 7rem;
+ transition: background-color var(--transition-duration);
+ }
+
+ .layout-sidebar {
+ width: 7rem;
+ overflow: visible;
+ z-index: 999;
+
+ .layout-menu-container {
+ overflow: auto;
+
+ &::-webkit-scrollbar {
+ display: none;
+ }
+ }
+ }
+
+ .layout-content-wrapper {
+ margin-left: 7rem;
+ }
+
+ .layout-menu {
+ ul {
+ display: none;
+ }
+
+ li.active-menuitem {
+ > ul {
+ display: block;
+ }
+ }
+
+ .layout-root-menuitem {
+ > .layout-menuitem-root-text {
+ display: none;
+ }
+
+ > a {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ border-radius: var(--border-radius);
+ text-align: center;
+ cursor: pointer;
+ outline: none;
+ transition: background-color var(--transition-duration);
+ width: auto;
+ height: auto;
+ margin: 0 auto 1rem auto;
+ padding: 0.75rem 0;
+
+ .layout-submenu-toggler {
+ display: none;
+ }
+
+ .layout-menuitem-icon {
+ padding-right: 0rem;
+ margin-left: .25rem;
+ font-size: 1.5rem;
+ }
+
+ .layout-menuitem-text {
+ font-size: 0.875rem;
+ display: block;
+ margin-top: 0.25rem;
+ color: var(--menuitem-text-color);
+ }
+
+
+ &:hover {
+ background-color: var(--menuitem-hover-bg-color);
+ }
+ }
+
+ > ul {
+ position: absolute;
+ left: 7rem;
+ top: 0;
+ min-width: 15rem;
+ background-color: var(--surface-overlay);
+ border-radius: var(--border-radius);
+ box-shadow: var(--sidebar-shadow);
+ border: var(--sidebar-border);
+ padding: 1rem;
+ max-height: 20rem;
+ overflow: auto;
+ z-index: 999;
+
+ a {
+ padding-right: .5rem;
+ color: var(--popup-submenu-item-text-color);
+ border-radius: var(--border-radius);
+
+ .layout-menuitem-icon {
+ color: var(--popup-submenu-item-icon-color);
+ }
+
+ &:hover {
+ background-color: var(--popup-submenu-item-hover-bg-color);
+ }
+ }
+
+ li {
+ a {
+ padding-left: 0.5rem;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/client/src/app/styles/components/_sidebar_vertical.scss b/client/src/app/styles/components/_sidebar_vertical.scss
new file mode 100644
index 00000000..036a4dc6
--- /dev/null
+++ b/client/src/app/styles/components/_sidebar_vertical.scss
@@ -0,0 +1,113 @@
+.layout-classification {
+ margin-left: 18rem;
+ transition: background-color var(--transition-duration);
+}
+ .layout-sidebar {
+ position: fixed;
+ height: 100%;
+ top: 0;
+ left: 0;
+ width: 18rem;
+ background: var(--menu-bg);
+ border-right: var(--sidebar-border);
+ display: flex;
+ flex-direction: column;
+
+ .sidebar-header {
+ padding: 1.5rem 0 1rem 0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ .app-logo {
+ .applogo {
+ display: inline;
+ width:209px;
+ height:74px;
+ }
+
+ .applogosmall {
+ display: none;
+ }
+ }
+ }
+
+ .layout-menu-container {
+ overflow: auto;
+ flex: 1;
+ padding-bottom: 2rem;
+ }
+
+ .layout-menu {
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+
+ li {
+ a {
+ user-select: none;
+ display: flex;
+ align-items: center;
+ position: relative;
+ outline: 0 none;
+ color: var(--menuitem-text-color);
+ opacity: .95;
+ cursor: pointer;
+ padding: 1rem 2.5rem;
+ transition: background-color var(--transition-duration), box-shadow var(--transition-duration);
+ font-weight: 450;
+ font-size: 1.1rem;
+ border-radius: 10px;
+ margin: 0 .5rem 0;
+
+ i {
+ padding-right: .25rem;
+ margin-left: -1rem;
+ font-size: 1.15rem;
+ }
+ .layout-menuitem-icon {
+ margin-right: .5rem;
+ color: var(--menuitem-icon-color);
+ opacity: .80;
+ }
+
+ .layout-submenu-toggler {
+ font-size: 75%;
+ margin-left: auto;
+ transition: transform var(--transition-duration);
+ }
+
+ &.active-route {
+ font-weight: 700;
+ opacity: 1;
+ }
+
+ &:hover {
+ font-weight: 700;
+ background-color: var(--menuitem-hover-bg-color);
+ opacity: 1;
+ }
+ }
+
+ &.active-menuitem {
+ > a {
+ .layout-submenu-toggler {
+ transform: rotate(-180deg);
+ }
+ }
+ }
+
+ ul {
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+ overflow: hidden;
+
+ li {
+ a {
+ padding-left: 3rem;
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/client/src/app/styles/components/_theme_shift.scss b/client/src/app/styles/components/_theme_shift.scss
new file mode 100644
index 00000000..7de223f2
--- /dev/null
+++ b/client/src/app/styles/components/_theme_shift.scss
@@ -0,0 +1,17 @@
+.layout-light {
+ .layout-classification {
+ box-shadow: none !important;
+ }
+ .layout-sidebar {
+ border: 1px solid transparent;
+ }
+}
+
+.layout-dark {
+ .layout-classification {
+ box-shadow: 0 .25rem .5rem 0 black !important;
+ }
+ .layout-sidebar {
+ border: 1px solid transparent;
+ }
+}
diff --git a/client/src/app/styles/components/_topbar.scss b/client/src/app/styles/components/_topbar.scss
new file mode 100644
index 00000000..4502af16
--- /dev/null
+++ b/client/src/app/styles/components/_topbar.scss
@@ -0,0 +1,120 @@
+.layout-topbar {
+ margin-top: 0rem !important;
+ margin-bottom: 0rem !important;
+ margin-left: -2rem !important;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ background-color: var(--surface-overlay);
+ .topbar-start {
+ display: flex;
+ align-items: center;
+
+ .topbar-menubutton {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ margin-right: 2rem;
+ border-radius: 50%;
+ width: 2.5rem;
+ height: 2.5rem;
+ flex-shrink: 0;
+ transition: background-color var(--transition-duration);
+
+ i {
+ font-size: 1.25rem;
+ color: var(--text-color);
+ transition: color var(--transition-duration);
+ }
+
+ &:hover {
+ background-color: var(--primary-color);
+
+ i {
+ color: var(--primary-color-text);
+ }
+ }
+ }
+ }
+
+ .topbar-menu {
+ display: flex;
+ align-items: center;
+ margin: 0;
+ padding: 0;
+ list-style: none;
+
+ li {
+ &.topbar-profile {
+ margin-left: 1.5rem;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+
+ img {
+ width: 2rem;
+ height: 2rem;
+ }
+
+ button {
+ display: flex;
+ align-items: center;
+ padding: .5rem;
+ cursor: pointer;
+
+ > img {
+ width: 50px;
+ height: 50px;
+ margin-right: .55rem;
+ border-radius: 25px;
+ }
+
+ i {
+ margin-left: .5rem;
+ transition: transform var(--transition-duration);
+ }
+
+ &:focus {
+ box-shadow: var(--focus-ring);
+ }
+ }
+ .profile-details {
+ display: flex;
+ flex-direction: column;
+
+ .profile-fullName {
+ color: var(--v-menuitem-text-color);
+ opacity: 0.9;
+ }
+
+ .profile-userRole {
+ color: var(--v-menuitem-text-color-secondary);
+ opacity: 0.9;
+ }
+
+ }
+ }
+
+ &.topbar-search {
+ .p-inputtext {
+ padding-top: .5rem;
+ padding-bottom: .5rem;
+ border-radius: 2rem;
+ }
+ }
+ }
+ }
+}
+
+.notification-button {
+ position: relative !important;
+ overflow: visible !important;
+}
+
+.notification-button .p-badge {
+ position: absolute !important;
+ top: 0 !important;
+ right: 0 !important;
+ background-color: var(--primary-color) !important;
+ color: black !important;
+}
diff --git a/client/src/app/styles/components/_typography.scss b/client/src/app/styles/components/_typography.scss
new file mode 100644
index 00000000..771a2eb9
--- /dev/null
+++ b/client/src/app/styles/components/_typography.scss
@@ -0,0 +1,63 @@
+h1, h2, h3, h4, h5, h6 {
+ margin: 1.5rem 0 1rem 0;
+ font-family: inherit;
+ font-weight: 600;
+ line-height: 1.2;
+ color: var(--surface-900);
+
+ &:first-child {
+ margin-top: 0;
+ }
+}
+
+h1 {
+ font-size: 2.5rem;
+}
+
+h2 {
+ font-size: 2rem;
+}
+
+h3 {
+ font-size: 1.75rem;
+}
+
+h4 {
+ font-size: 1.5rem;
+}
+
+h5 {
+ font-size: 1.25rem;
+}
+
+h6 {
+ font-size: 1rem;
+}
+
+mark {
+ background: #FFF8E1;
+ padding: .25rem .4rem;
+ border-radius: var(--border-radius);
+ font-family: monospace;
+}
+
+blockquote {
+ margin: 1rem 0;
+ padding: 0 2rem;
+ border-left: 4px solid #90A4AE;
+}
+
+hr {
+ border-top: solid var(--surface-border);
+ border-width: 1px 0 0 0;
+ margin: 1rem 0;
+}
+
+p {
+ margin: 0 0 1rem 0;
+ line-height: 1.5;
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+}
\ No newline at end of file
diff --git a/client/src/app/styles/components/_utils.scss b/client/src/app/styles/components/_utils.scss
new file mode 100644
index 00000000..4335f9f5
--- /dev/null
+++ b/client/src/app/styles/components/_utils.scss
@@ -0,0 +1,24 @@
+.card {
+ background: var(--surface-card);
+ border: 1px solid var(--surface-border);
+ padding: 2rem;
+ margin-bottom: 2rem;
+ box-shadow: var(--card-shadow);
+ border-radius: 12px;
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+}
+
+.p-toast {
+ &.p-toast-top-right,
+ &.p-toast-top-left,
+ &.p-toast-top-center {
+ top: 70px;
+ }
+}
+
+.ng-hidden {
+ display: none !important;
+}
\ No newline at end of file
diff --git a/client/src/app/styles/styles.scss b/client/src/app/styles/styles.scss
new file mode 100644
index 00000000..d190353d
--- /dev/null
+++ b/client/src/app/styles/styles.scss
@@ -0,0 +1,43 @@
+/*
+!#######################################################################
+! C-PATTM SOFTWARE
+! CRANE C-PATTM plan of action and milestones software. Use is governed by the Open Source Academic Research License Agreement contained in the file
+! crane_C_PAT.1_license.txt, which is part of this software package. BY
+! USING OR MODIFYING THIS SOFTWARE, YOU ARE AGREEING TO THE TERMS AND
+! CONDITIONS OF THE LICENSE.
+!########################################################################
+*/
+
+@import 'node_modules/primeicons/primeicons.css';
+@import 'node_modules/primeflex/primeflex.scss';
+@import './components/_pace-theme.scss';
+@import './components/_scrollbar.scss';
+
+$breakpoint:992px !default;
+$scale:14px !default;
+@import './components/_menutheme';
+@import './components/_classification';
+@import './components/_main';
+@import './components/_sidebar_vertical';
+@import './components/_sidebar_slim';
+@import './components/_sidebar_slim_plus';
+@import './components/_sidebar_horizontal';
+@import './components/_sidebar_reveal';
+@import './components/_theme_shift';
+@import './components/_responsive';
+@import './components/_topbar';
+@import './components/_profile';
+@import './components/_config';
+@import './components/_content';
+@import './components/_typography';
+@import './components/_utils';
+
+@include ngx-pace-theme();
+ * {
+ @include custom-scrollbar( var(--surface-c), var(--surface-b) );
+ }
+
+
+html, body {
+ @include custom-scrollbar( var(--surface-c), var(--surface-b) );
+}
diff --git a/client/src/assets/components/themes/arya-blue/fonts/Inter-italic.var.woff2 b/client/src/app/styles/themes/arya-blue/fonts/Inter-italic.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/arya-blue/fonts/Inter-italic.var.woff2
rename to client/src/app/styles/themes/arya-blue/fonts/Inter-italic.var.woff2
diff --git a/client/src/assets/components/themes/arya-blue/fonts/Inter-roman.var.woff2 b/client/src/app/styles/themes/arya-blue/fonts/Inter-roman.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/arya-blue/fonts/Inter-roman.var.woff2
rename to client/src/app/styles/themes/arya-blue/fonts/Inter-roman.var.woff2
diff --git a/client/src/assets/components/themes/arya-blue/theme.css b/client/src/app/styles/themes/arya-blue/theme.css
similarity index 100%
rename from client/src/assets/components/themes/arya-blue/theme.css
rename to client/src/app/styles/themes/arya-blue/theme.css
diff --git a/client/src/assets/components/themes/arya-green/fonts/Inter-italic.var.woff2 b/client/src/app/styles/themes/arya-green/fonts/Inter-italic.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/arya-green/fonts/Inter-italic.var.woff2
rename to client/src/app/styles/themes/arya-green/fonts/Inter-italic.var.woff2
diff --git a/client/src/assets/components/themes/arya-green/fonts/Inter-roman.var.woff2 b/client/src/app/styles/themes/arya-green/fonts/Inter-roman.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/arya-green/fonts/Inter-roman.var.woff2
rename to client/src/app/styles/themes/arya-green/fonts/Inter-roman.var.woff2
diff --git a/client/src/assets/components/themes/arya-green/theme.css b/client/src/app/styles/themes/arya-green/theme.css
similarity index 100%
rename from client/src/assets/components/themes/arya-green/theme.css
rename to client/src/app/styles/themes/arya-green/theme.css
diff --git a/client/src/assets/components/themes/arya-orange/fonts/Inter-italic.var.woff2 b/client/src/app/styles/themes/arya-orange/fonts/Inter-italic.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/arya-orange/fonts/Inter-italic.var.woff2
rename to client/src/app/styles/themes/arya-orange/fonts/Inter-italic.var.woff2
diff --git a/client/src/assets/components/themes/arya-orange/fonts/Inter-roman.var.woff2 b/client/src/app/styles/themes/arya-orange/fonts/Inter-roman.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/arya-orange/fonts/Inter-roman.var.woff2
rename to client/src/app/styles/themes/arya-orange/fonts/Inter-roman.var.woff2
diff --git a/client/src/assets/components/themes/arya-orange/theme.css b/client/src/app/styles/themes/arya-orange/theme.css
similarity index 100%
rename from client/src/assets/components/themes/arya-orange/theme.css
rename to client/src/app/styles/themes/arya-orange/theme.css
diff --git a/client/src/assets/components/themes/arya-purple/fonts/Inter-italic.var.woff2 b/client/src/app/styles/themes/arya-purple/fonts/Inter-italic.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/arya-purple/fonts/Inter-italic.var.woff2
rename to client/src/app/styles/themes/arya-purple/fonts/Inter-italic.var.woff2
diff --git a/client/src/assets/components/themes/arya-purple/fonts/Inter-roman.var.woff2 b/client/src/app/styles/themes/arya-purple/fonts/Inter-roman.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/arya-purple/fonts/Inter-roman.var.woff2
rename to client/src/app/styles/themes/arya-purple/fonts/Inter-roman.var.woff2
diff --git a/client/src/assets/components/themes/arya-purple/theme.css b/client/src/app/styles/themes/arya-purple/theme.css
similarity index 100%
rename from client/src/assets/components/themes/arya-purple/theme.css
rename to client/src/app/styles/themes/arya-purple/theme.css
diff --git a/client/src/assets/components/themes/aura-dark-amber/fonts/Inter-italic.var.woff2 b/client/src/app/styles/themes/aura-dark-amber/fonts/Inter-italic.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/aura-dark-amber/fonts/Inter-italic.var.woff2
rename to client/src/app/styles/themes/aura-dark-amber/fonts/Inter-italic.var.woff2
diff --git a/client/src/assets/components/themes/aura-dark-amber/fonts/Inter-roman.var.woff2 b/client/src/app/styles/themes/aura-dark-amber/fonts/Inter-roman.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/aura-dark-amber/fonts/Inter-roman.var.woff2
rename to client/src/app/styles/themes/aura-dark-amber/fonts/Inter-roman.var.woff2
diff --git a/client/src/assets/components/themes/aura-dark-amber/theme.css b/client/src/app/styles/themes/aura-dark-amber/theme.css
similarity index 100%
rename from client/src/assets/components/themes/aura-dark-amber/theme.css
rename to client/src/app/styles/themes/aura-dark-amber/theme.css
diff --git a/client/src/assets/components/themes/aura-dark-blue/fonts/Inter-italic.var.woff2 b/client/src/app/styles/themes/aura-dark-blue/fonts/Inter-italic.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/aura-dark-blue/fonts/Inter-italic.var.woff2
rename to client/src/app/styles/themes/aura-dark-blue/fonts/Inter-italic.var.woff2
diff --git a/client/src/assets/components/themes/aura-dark-blue/fonts/Inter-roman.var.woff2 b/client/src/app/styles/themes/aura-dark-blue/fonts/Inter-roman.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/aura-dark-blue/fonts/Inter-roman.var.woff2
rename to client/src/app/styles/themes/aura-dark-blue/fonts/Inter-roman.var.woff2
diff --git a/client/src/assets/components/themes/aura-dark-blue/theme.css b/client/src/app/styles/themes/aura-dark-blue/theme.css
similarity index 100%
rename from client/src/assets/components/themes/aura-dark-blue/theme.css
rename to client/src/app/styles/themes/aura-dark-blue/theme.css
diff --git a/client/src/assets/components/themes/aura-dark-cyan/fonts/Inter-italic.var.woff2 b/client/src/app/styles/themes/aura-dark-cyan/fonts/Inter-italic.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/aura-dark-cyan/fonts/Inter-italic.var.woff2
rename to client/src/app/styles/themes/aura-dark-cyan/fonts/Inter-italic.var.woff2
diff --git a/client/src/assets/components/themes/aura-dark-cyan/fonts/Inter-roman.var.woff2 b/client/src/app/styles/themes/aura-dark-cyan/fonts/Inter-roman.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/aura-dark-cyan/fonts/Inter-roman.var.woff2
rename to client/src/app/styles/themes/aura-dark-cyan/fonts/Inter-roman.var.woff2
diff --git a/client/src/assets/components/themes/aura-dark-cyan/theme.css b/client/src/app/styles/themes/aura-dark-cyan/theme.css
similarity index 100%
rename from client/src/assets/components/themes/aura-dark-cyan/theme.css
rename to client/src/app/styles/themes/aura-dark-cyan/theme.css
diff --git a/client/src/assets/components/themes/aura-dark-green/fonts/Inter-italic.var.woff2 b/client/src/app/styles/themes/aura-dark-green/fonts/Inter-italic.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/aura-dark-green/fonts/Inter-italic.var.woff2
rename to client/src/app/styles/themes/aura-dark-green/fonts/Inter-italic.var.woff2
diff --git a/client/src/assets/components/themes/aura-dark-green/fonts/Inter-roman.var.woff2 b/client/src/app/styles/themes/aura-dark-green/fonts/Inter-roman.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/aura-dark-green/fonts/Inter-roman.var.woff2
rename to client/src/app/styles/themes/aura-dark-green/fonts/Inter-roman.var.woff2
diff --git a/client/src/assets/components/themes/aura-dark-green/theme.css b/client/src/app/styles/themes/aura-dark-green/theme.css
similarity index 100%
rename from client/src/assets/components/themes/aura-dark-green/theme.css
rename to client/src/app/styles/themes/aura-dark-green/theme.css
diff --git a/client/src/assets/components/themes/aura-dark-indigo/fonts/Inter-italic.var.woff2 b/client/src/app/styles/themes/aura-dark-indigo/fonts/Inter-italic.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/aura-dark-indigo/fonts/Inter-italic.var.woff2
rename to client/src/app/styles/themes/aura-dark-indigo/fonts/Inter-italic.var.woff2
diff --git a/client/src/assets/components/themes/aura-dark-indigo/fonts/Inter-roman.var.woff2 b/client/src/app/styles/themes/aura-dark-indigo/fonts/Inter-roman.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/aura-dark-indigo/fonts/Inter-roman.var.woff2
rename to client/src/app/styles/themes/aura-dark-indigo/fonts/Inter-roman.var.woff2
diff --git a/client/src/assets/components/themes/aura-dark-indigo/theme.css b/client/src/app/styles/themes/aura-dark-indigo/theme.css
similarity index 100%
rename from client/src/assets/components/themes/aura-dark-indigo/theme.css
rename to client/src/app/styles/themes/aura-dark-indigo/theme.css
diff --git a/client/src/assets/components/themes/aura-dark-lime/fonts/Inter-italic.var.woff2 b/client/src/app/styles/themes/aura-dark-lime/fonts/Inter-italic.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/aura-dark-lime/fonts/Inter-italic.var.woff2
rename to client/src/app/styles/themes/aura-dark-lime/fonts/Inter-italic.var.woff2
diff --git a/client/src/assets/components/themes/aura-dark-lime/fonts/Inter-roman.var.woff2 b/client/src/app/styles/themes/aura-dark-lime/fonts/Inter-roman.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/aura-dark-lime/fonts/Inter-roman.var.woff2
rename to client/src/app/styles/themes/aura-dark-lime/fonts/Inter-roman.var.woff2
diff --git a/client/src/assets/components/themes/aura-dark-lime/theme.css b/client/src/app/styles/themes/aura-dark-lime/theme.css
similarity index 100%
rename from client/src/assets/components/themes/aura-dark-lime/theme.css
rename to client/src/app/styles/themes/aura-dark-lime/theme.css
diff --git a/client/src/assets/components/themes/aura-dark-noir/fonts/Inter-italic.var.woff2 b/client/src/app/styles/themes/aura-dark-noir/fonts/Inter-italic.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/aura-dark-noir/fonts/Inter-italic.var.woff2
rename to client/src/app/styles/themes/aura-dark-noir/fonts/Inter-italic.var.woff2
diff --git a/client/src/assets/components/themes/aura-dark-noir/fonts/Inter-roman.var.woff2 b/client/src/app/styles/themes/aura-dark-noir/fonts/Inter-roman.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/aura-dark-noir/fonts/Inter-roman.var.woff2
rename to client/src/app/styles/themes/aura-dark-noir/fonts/Inter-roman.var.woff2
diff --git a/client/src/assets/components/themes/aura-dark-noir/theme.css b/client/src/app/styles/themes/aura-dark-noir/theme.css
similarity index 100%
rename from client/src/assets/components/themes/aura-dark-noir/theme.css
rename to client/src/app/styles/themes/aura-dark-noir/theme.css
diff --git a/client/src/assets/components/themes/aura-dark-pink/fonts/Inter-italic.var.woff2 b/client/src/app/styles/themes/aura-dark-pink/fonts/Inter-italic.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/aura-dark-pink/fonts/Inter-italic.var.woff2
rename to client/src/app/styles/themes/aura-dark-pink/fonts/Inter-italic.var.woff2
diff --git a/client/src/assets/components/themes/aura-dark-pink/fonts/Inter-roman.var.woff2 b/client/src/app/styles/themes/aura-dark-pink/fonts/Inter-roman.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/aura-dark-pink/fonts/Inter-roman.var.woff2
rename to client/src/app/styles/themes/aura-dark-pink/fonts/Inter-roman.var.woff2
diff --git a/client/src/assets/components/themes/aura-dark-pink/theme.css b/client/src/app/styles/themes/aura-dark-pink/theme.css
similarity index 100%
rename from client/src/assets/components/themes/aura-dark-pink/theme.css
rename to client/src/app/styles/themes/aura-dark-pink/theme.css
diff --git a/client/src/assets/components/themes/aura-dark-purple/fonts/Inter-italic.var.woff2 b/client/src/app/styles/themes/aura-dark-purple/fonts/Inter-italic.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/aura-dark-purple/fonts/Inter-italic.var.woff2
rename to client/src/app/styles/themes/aura-dark-purple/fonts/Inter-italic.var.woff2
diff --git a/client/src/assets/components/themes/aura-dark-purple/fonts/Inter-roman.var.woff2 b/client/src/app/styles/themes/aura-dark-purple/fonts/Inter-roman.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/aura-dark-purple/fonts/Inter-roman.var.woff2
rename to client/src/app/styles/themes/aura-dark-purple/fonts/Inter-roman.var.woff2
diff --git a/client/src/assets/components/themes/aura-dark-purple/theme.css b/client/src/app/styles/themes/aura-dark-purple/theme.css
similarity index 100%
rename from client/src/assets/components/themes/aura-dark-purple/theme.css
rename to client/src/app/styles/themes/aura-dark-purple/theme.css
diff --git a/client/src/assets/components/themes/aura-dark-teal/fonts/Inter-italic.var.woff2 b/client/src/app/styles/themes/aura-dark-teal/fonts/Inter-italic.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/aura-dark-teal/fonts/Inter-italic.var.woff2
rename to client/src/app/styles/themes/aura-dark-teal/fonts/Inter-italic.var.woff2
diff --git a/client/src/assets/components/themes/aura-dark-teal/fonts/Inter-roman.var.woff2 b/client/src/app/styles/themes/aura-dark-teal/fonts/Inter-roman.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/aura-dark-teal/fonts/Inter-roman.var.woff2
rename to client/src/app/styles/themes/aura-dark-teal/fonts/Inter-roman.var.woff2
diff --git a/client/src/assets/components/themes/aura-dark-teal/theme.css b/client/src/app/styles/themes/aura-dark-teal/theme.css
similarity index 100%
rename from client/src/assets/components/themes/aura-dark-teal/theme.css
rename to client/src/app/styles/themes/aura-dark-teal/theme.css
diff --git a/client/src/assets/components/themes/aura-light-amber/fonts/Inter-italic.var.woff2 b/client/src/app/styles/themes/aura-light-amber/fonts/Inter-italic.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/aura-light-amber/fonts/Inter-italic.var.woff2
rename to client/src/app/styles/themes/aura-light-amber/fonts/Inter-italic.var.woff2
diff --git a/client/src/assets/components/themes/aura-light-amber/fonts/Inter-roman.var.woff2 b/client/src/app/styles/themes/aura-light-amber/fonts/Inter-roman.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/aura-light-amber/fonts/Inter-roman.var.woff2
rename to client/src/app/styles/themes/aura-light-amber/fonts/Inter-roman.var.woff2
diff --git a/client/src/assets/components/themes/aura-light-amber/theme.css b/client/src/app/styles/themes/aura-light-amber/theme.css
similarity index 100%
rename from client/src/assets/components/themes/aura-light-amber/theme.css
rename to client/src/app/styles/themes/aura-light-amber/theme.css
diff --git a/client/src/assets/components/themes/aura-light-blue/fonts/Inter-italic.var.woff2 b/client/src/app/styles/themes/aura-light-blue/fonts/Inter-italic.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/aura-light-blue/fonts/Inter-italic.var.woff2
rename to client/src/app/styles/themes/aura-light-blue/fonts/Inter-italic.var.woff2
diff --git a/client/src/assets/components/themes/aura-light-blue/fonts/Inter-roman.var.woff2 b/client/src/app/styles/themes/aura-light-blue/fonts/Inter-roman.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/aura-light-blue/fonts/Inter-roman.var.woff2
rename to client/src/app/styles/themes/aura-light-blue/fonts/Inter-roman.var.woff2
diff --git a/client/src/assets/components/themes/aura-light-blue/theme.css b/client/src/app/styles/themes/aura-light-blue/theme.css
similarity index 100%
rename from client/src/assets/components/themes/aura-light-blue/theme.css
rename to client/src/app/styles/themes/aura-light-blue/theme.css
diff --git a/client/src/assets/components/themes/aura-light-cyan/fonts/Inter-italic.var.woff2 b/client/src/app/styles/themes/aura-light-cyan/fonts/Inter-italic.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/aura-light-cyan/fonts/Inter-italic.var.woff2
rename to client/src/app/styles/themes/aura-light-cyan/fonts/Inter-italic.var.woff2
diff --git a/client/src/assets/components/themes/aura-light-cyan/fonts/Inter-roman.var.woff2 b/client/src/app/styles/themes/aura-light-cyan/fonts/Inter-roman.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/aura-light-cyan/fonts/Inter-roman.var.woff2
rename to client/src/app/styles/themes/aura-light-cyan/fonts/Inter-roman.var.woff2
diff --git a/client/src/assets/components/themes/aura-light-cyan/theme.css b/client/src/app/styles/themes/aura-light-cyan/theme.css
similarity index 100%
rename from client/src/assets/components/themes/aura-light-cyan/theme.css
rename to client/src/app/styles/themes/aura-light-cyan/theme.css
diff --git a/client/src/assets/components/themes/aura-light-green/fonts/Inter-italic.var.woff2 b/client/src/app/styles/themes/aura-light-green/fonts/Inter-italic.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/aura-light-green/fonts/Inter-italic.var.woff2
rename to client/src/app/styles/themes/aura-light-green/fonts/Inter-italic.var.woff2
diff --git a/client/src/assets/components/themes/aura-light-green/fonts/Inter-roman.var.woff2 b/client/src/app/styles/themes/aura-light-green/fonts/Inter-roman.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/aura-light-green/fonts/Inter-roman.var.woff2
rename to client/src/app/styles/themes/aura-light-green/fonts/Inter-roman.var.woff2
diff --git a/client/src/assets/components/themes/aura-light-green/theme.css b/client/src/app/styles/themes/aura-light-green/theme.css
similarity index 100%
rename from client/src/assets/components/themes/aura-light-green/theme.css
rename to client/src/app/styles/themes/aura-light-green/theme.css
diff --git a/client/src/assets/components/themes/aura-light-indigo/fonts/Inter-italic.var.woff2 b/client/src/app/styles/themes/aura-light-indigo/fonts/Inter-italic.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/aura-light-indigo/fonts/Inter-italic.var.woff2
rename to client/src/app/styles/themes/aura-light-indigo/fonts/Inter-italic.var.woff2
diff --git a/client/src/assets/components/themes/aura-light-indigo/fonts/Inter-roman.var.woff2 b/client/src/app/styles/themes/aura-light-indigo/fonts/Inter-roman.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/aura-light-indigo/fonts/Inter-roman.var.woff2
rename to client/src/app/styles/themes/aura-light-indigo/fonts/Inter-roman.var.woff2
diff --git a/client/src/assets/components/themes/aura-light-indigo/theme.css b/client/src/app/styles/themes/aura-light-indigo/theme.css
similarity index 100%
rename from client/src/assets/components/themes/aura-light-indigo/theme.css
rename to client/src/app/styles/themes/aura-light-indigo/theme.css
diff --git a/client/src/assets/components/themes/aura-light-lime/fonts/Inter-italic.var.woff2 b/client/src/app/styles/themes/aura-light-lime/fonts/Inter-italic.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/aura-light-lime/fonts/Inter-italic.var.woff2
rename to client/src/app/styles/themes/aura-light-lime/fonts/Inter-italic.var.woff2
diff --git a/client/src/assets/components/themes/aura-light-lime/fonts/Inter-roman.var.woff2 b/client/src/app/styles/themes/aura-light-lime/fonts/Inter-roman.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/aura-light-lime/fonts/Inter-roman.var.woff2
rename to client/src/app/styles/themes/aura-light-lime/fonts/Inter-roman.var.woff2
diff --git a/client/src/assets/components/themes/aura-light-lime/theme.css b/client/src/app/styles/themes/aura-light-lime/theme.css
similarity index 100%
rename from client/src/assets/components/themes/aura-light-lime/theme.css
rename to client/src/app/styles/themes/aura-light-lime/theme.css
diff --git a/client/src/assets/components/themes/aura-light-noir/fonts/Inter-italic.var.woff2 b/client/src/app/styles/themes/aura-light-noir/fonts/Inter-italic.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/aura-light-noir/fonts/Inter-italic.var.woff2
rename to client/src/app/styles/themes/aura-light-noir/fonts/Inter-italic.var.woff2
diff --git a/client/src/assets/components/themes/aura-light-noir/fonts/Inter-roman.var.woff2 b/client/src/app/styles/themes/aura-light-noir/fonts/Inter-roman.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/aura-light-noir/fonts/Inter-roman.var.woff2
rename to client/src/app/styles/themes/aura-light-noir/fonts/Inter-roman.var.woff2
diff --git a/client/src/assets/components/themes/aura-light-noir/theme.css b/client/src/app/styles/themes/aura-light-noir/theme.css
similarity index 100%
rename from client/src/assets/components/themes/aura-light-noir/theme.css
rename to client/src/app/styles/themes/aura-light-noir/theme.css
diff --git a/client/src/assets/components/themes/aura-light-pink/fonts/Inter-italic.var.woff2 b/client/src/app/styles/themes/aura-light-pink/fonts/Inter-italic.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/aura-light-pink/fonts/Inter-italic.var.woff2
rename to client/src/app/styles/themes/aura-light-pink/fonts/Inter-italic.var.woff2
diff --git a/client/src/assets/components/themes/aura-light-pink/fonts/Inter-roman.var.woff2 b/client/src/app/styles/themes/aura-light-pink/fonts/Inter-roman.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/aura-light-pink/fonts/Inter-roman.var.woff2
rename to client/src/app/styles/themes/aura-light-pink/fonts/Inter-roman.var.woff2
diff --git a/client/src/assets/components/themes/aura-light-pink/theme.css b/client/src/app/styles/themes/aura-light-pink/theme.css
similarity index 100%
rename from client/src/assets/components/themes/aura-light-pink/theme.css
rename to client/src/app/styles/themes/aura-light-pink/theme.css
diff --git a/client/src/assets/components/themes/aura-light-purple/fonts/Inter-italic.var.woff2 b/client/src/app/styles/themes/aura-light-purple/fonts/Inter-italic.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/aura-light-purple/fonts/Inter-italic.var.woff2
rename to client/src/app/styles/themes/aura-light-purple/fonts/Inter-italic.var.woff2
diff --git a/client/src/assets/components/themes/aura-light-purple/fonts/Inter-roman.var.woff2 b/client/src/app/styles/themes/aura-light-purple/fonts/Inter-roman.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/aura-light-purple/fonts/Inter-roman.var.woff2
rename to client/src/app/styles/themes/aura-light-purple/fonts/Inter-roman.var.woff2
diff --git a/client/src/assets/components/themes/aura-light-purple/theme.css b/client/src/app/styles/themes/aura-light-purple/theme.css
similarity index 100%
rename from client/src/assets/components/themes/aura-light-purple/theme.css
rename to client/src/app/styles/themes/aura-light-purple/theme.css
diff --git a/client/src/assets/components/themes/aura-light-teal/fonts/Inter-italic.var.woff2 b/client/src/app/styles/themes/aura-light-teal/fonts/Inter-italic.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/aura-light-teal/fonts/Inter-italic.var.woff2
rename to client/src/app/styles/themes/aura-light-teal/fonts/Inter-italic.var.woff2
diff --git a/client/src/assets/components/themes/aura-light-teal/fonts/Inter-roman.var.woff2 b/client/src/app/styles/themes/aura-light-teal/fonts/Inter-roman.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/aura-light-teal/fonts/Inter-roman.var.woff2
rename to client/src/app/styles/themes/aura-light-teal/fonts/Inter-roman.var.woff2
diff --git a/client/src/assets/components/themes/aura-light-teal/theme.css b/client/src/app/styles/themes/aura-light-teal/theme.css
similarity index 100%
rename from client/src/assets/components/themes/aura-light-teal/theme.css
rename to client/src/app/styles/themes/aura-light-teal/theme.css
diff --git a/client/src/assets/components/themes/bootstrap4-dark-blue/theme.css b/client/src/app/styles/themes/bootstrap4-dark-blue/theme.css
similarity index 100%
rename from client/src/assets/components/themes/bootstrap4-dark-blue/theme.css
rename to client/src/app/styles/themes/bootstrap4-dark-blue/theme.css
diff --git a/client/src/assets/components/themes/bootstrap4-dark-purple/theme.css b/client/src/app/styles/themes/bootstrap4-dark-purple/theme.css
similarity index 100%
rename from client/src/assets/components/themes/bootstrap4-dark-purple/theme.css
rename to client/src/app/styles/themes/bootstrap4-dark-purple/theme.css
diff --git a/client/src/assets/components/themes/bootstrap4-light-blue/theme.css b/client/src/app/styles/themes/bootstrap4-light-blue/theme.css
similarity index 100%
rename from client/src/assets/components/themes/bootstrap4-light-blue/theme.css
rename to client/src/app/styles/themes/bootstrap4-light-blue/theme.css
diff --git a/client/src/assets/components/themes/bootstrap4-light-purple/theme.css b/client/src/app/styles/themes/bootstrap4-light-purple/theme.css
similarity index 100%
rename from client/src/assets/components/themes/bootstrap4-light-purple/theme.css
rename to client/src/app/styles/themes/bootstrap4-light-purple/theme.css
diff --git a/client/src/assets/components/themes/lara-dark-amber/fonts/Inter-italic.var.woff2 b/client/src/app/styles/themes/lara-dark-amber/fonts/Inter-italic.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/lara-dark-amber/fonts/Inter-italic.var.woff2
rename to client/src/app/styles/themes/lara-dark-amber/fonts/Inter-italic.var.woff2
diff --git a/client/src/assets/components/themes/lara-dark-amber/fonts/Inter-roman.var.woff2 b/client/src/app/styles/themes/lara-dark-amber/fonts/Inter-roman.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/lara-dark-amber/fonts/Inter-roman.var.woff2
rename to client/src/app/styles/themes/lara-dark-amber/fonts/Inter-roman.var.woff2
diff --git a/client/src/assets/components/themes/lara-dark-amber/theme.css b/client/src/app/styles/themes/lara-dark-amber/theme.css
similarity index 100%
rename from client/src/assets/components/themes/lara-dark-amber/theme.css
rename to client/src/app/styles/themes/lara-dark-amber/theme.css
diff --git a/client/src/assets/components/themes/lara-dark-blue/fonts/Inter-italic.var.woff2 b/client/src/app/styles/themes/lara-dark-blue/fonts/Inter-italic.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/lara-dark-blue/fonts/Inter-italic.var.woff2
rename to client/src/app/styles/themes/lara-dark-blue/fonts/Inter-italic.var.woff2
diff --git a/client/src/assets/components/themes/lara-dark-blue/fonts/Inter-roman.var.woff2 b/client/src/app/styles/themes/lara-dark-blue/fonts/Inter-roman.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/lara-dark-blue/fonts/Inter-roman.var.woff2
rename to client/src/app/styles/themes/lara-dark-blue/fonts/Inter-roman.var.woff2
diff --git a/client/src/assets/components/themes/lara-dark-blue/theme.css b/client/src/app/styles/themes/lara-dark-blue/theme.css
similarity index 100%
rename from client/src/assets/components/themes/lara-dark-blue/theme.css
rename to client/src/app/styles/themes/lara-dark-blue/theme.css
diff --git a/client/src/assets/components/themes/lara-dark-cyan/fonts/Inter-italic.var.woff2 b/client/src/app/styles/themes/lara-dark-cyan/fonts/Inter-italic.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/lara-dark-cyan/fonts/Inter-italic.var.woff2
rename to client/src/app/styles/themes/lara-dark-cyan/fonts/Inter-italic.var.woff2
diff --git a/client/src/assets/components/themes/lara-dark-cyan/fonts/Inter-roman.var.woff2 b/client/src/app/styles/themes/lara-dark-cyan/fonts/Inter-roman.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/lara-dark-cyan/fonts/Inter-roman.var.woff2
rename to client/src/app/styles/themes/lara-dark-cyan/fonts/Inter-roman.var.woff2
diff --git a/client/src/assets/components/themes/lara-dark-cyan/theme.css b/client/src/app/styles/themes/lara-dark-cyan/theme.css
similarity index 100%
rename from client/src/assets/components/themes/lara-dark-cyan/theme.css
rename to client/src/app/styles/themes/lara-dark-cyan/theme.css
diff --git a/client/src/assets/components/themes/lara-dark-green/fonts/Inter-italic.var.woff2 b/client/src/app/styles/themes/lara-dark-green/fonts/Inter-italic.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/lara-dark-green/fonts/Inter-italic.var.woff2
rename to client/src/app/styles/themes/lara-dark-green/fonts/Inter-italic.var.woff2
diff --git a/client/src/assets/components/themes/lara-dark-green/fonts/Inter-roman.var.woff2 b/client/src/app/styles/themes/lara-dark-green/fonts/Inter-roman.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/lara-dark-green/fonts/Inter-roman.var.woff2
rename to client/src/app/styles/themes/lara-dark-green/fonts/Inter-roman.var.woff2
diff --git a/client/src/assets/components/themes/lara-dark-green/theme.css b/client/src/app/styles/themes/lara-dark-green/theme.css
similarity index 100%
rename from client/src/assets/components/themes/lara-dark-green/theme.css
rename to client/src/app/styles/themes/lara-dark-green/theme.css
diff --git a/client/src/assets/components/themes/lara-dark-indigo/fonts/Inter-italic.var.woff2 b/client/src/app/styles/themes/lara-dark-indigo/fonts/Inter-italic.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/lara-dark-indigo/fonts/Inter-italic.var.woff2
rename to client/src/app/styles/themes/lara-dark-indigo/fonts/Inter-italic.var.woff2
diff --git a/client/src/assets/components/themes/lara-dark-indigo/fonts/Inter-roman.var.woff2 b/client/src/app/styles/themes/lara-dark-indigo/fonts/Inter-roman.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/lara-dark-indigo/fonts/Inter-roman.var.woff2
rename to client/src/app/styles/themes/lara-dark-indigo/fonts/Inter-roman.var.woff2
diff --git a/client/src/assets/components/themes/lara-dark-indigo/theme.css b/client/src/app/styles/themes/lara-dark-indigo/theme.css
similarity index 100%
rename from client/src/assets/components/themes/lara-dark-indigo/theme.css
rename to client/src/app/styles/themes/lara-dark-indigo/theme.css
diff --git a/client/src/assets/components/themes/lara-dark-pink/fonts/Inter-italic.var.woff2 b/client/src/app/styles/themes/lara-dark-pink/fonts/Inter-italic.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/lara-dark-pink/fonts/Inter-italic.var.woff2
rename to client/src/app/styles/themes/lara-dark-pink/fonts/Inter-italic.var.woff2
diff --git a/client/src/assets/components/themes/lara-dark-pink/fonts/Inter-roman.var.woff2 b/client/src/app/styles/themes/lara-dark-pink/fonts/Inter-roman.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/lara-dark-pink/fonts/Inter-roman.var.woff2
rename to client/src/app/styles/themes/lara-dark-pink/fonts/Inter-roman.var.woff2
diff --git a/client/src/assets/components/themes/lara-dark-pink/theme.css b/client/src/app/styles/themes/lara-dark-pink/theme.css
similarity index 100%
rename from client/src/assets/components/themes/lara-dark-pink/theme.css
rename to client/src/app/styles/themes/lara-dark-pink/theme.css
diff --git a/client/src/assets/components/themes/lara-dark-purple/fonts/Inter-italic.var.woff2 b/client/src/app/styles/themes/lara-dark-purple/fonts/Inter-italic.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/lara-dark-purple/fonts/Inter-italic.var.woff2
rename to client/src/app/styles/themes/lara-dark-purple/fonts/Inter-italic.var.woff2
diff --git a/client/src/assets/components/themes/lara-dark-purple/fonts/Inter-roman.var.woff2 b/client/src/app/styles/themes/lara-dark-purple/fonts/Inter-roman.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/lara-dark-purple/fonts/Inter-roman.var.woff2
rename to client/src/app/styles/themes/lara-dark-purple/fonts/Inter-roman.var.woff2
diff --git a/client/src/assets/components/themes/lara-dark-purple/theme.css b/client/src/app/styles/themes/lara-dark-purple/theme.css
similarity index 100%
rename from client/src/assets/components/themes/lara-dark-purple/theme.css
rename to client/src/app/styles/themes/lara-dark-purple/theme.css
diff --git a/client/src/assets/components/themes/lara-dark-teal/fonts/Inter-italic.var.woff2 b/client/src/app/styles/themes/lara-dark-teal/fonts/Inter-italic.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/lara-dark-teal/fonts/Inter-italic.var.woff2
rename to client/src/app/styles/themes/lara-dark-teal/fonts/Inter-italic.var.woff2
diff --git a/client/src/assets/components/themes/lara-dark-teal/fonts/Inter-roman.var.woff2 b/client/src/app/styles/themes/lara-dark-teal/fonts/Inter-roman.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/lara-dark-teal/fonts/Inter-roman.var.woff2
rename to client/src/app/styles/themes/lara-dark-teal/fonts/Inter-roman.var.woff2
diff --git a/client/src/assets/components/themes/lara-dark-teal/theme.css b/client/src/app/styles/themes/lara-dark-teal/theme.css
similarity index 100%
rename from client/src/assets/components/themes/lara-dark-teal/theme.css
rename to client/src/app/styles/themes/lara-dark-teal/theme.css
diff --git a/client/src/assets/components/themes/lara-light-amber/fonts/Inter-italic.var.woff2 b/client/src/app/styles/themes/lara-light-amber/fonts/Inter-italic.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/lara-light-amber/fonts/Inter-italic.var.woff2
rename to client/src/app/styles/themes/lara-light-amber/fonts/Inter-italic.var.woff2
diff --git a/client/src/assets/components/themes/lara-light-amber/fonts/Inter-roman.var.woff2 b/client/src/app/styles/themes/lara-light-amber/fonts/Inter-roman.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/lara-light-amber/fonts/Inter-roman.var.woff2
rename to client/src/app/styles/themes/lara-light-amber/fonts/Inter-roman.var.woff2
diff --git a/client/src/assets/components/themes/lara-light-amber/theme.css b/client/src/app/styles/themes/lara-light-amber/theme.css
similarity index 100%
rename from client/src/assets/components/themes/lara-light-amber/theme.css
rename to client/src/app/styles/themes/lara-light-amber/theme.css
diff --git a/client/src/assets/components/themes/lara-light-blue/fonts/Inter-italic.var.woff2 b/client/src/app/styles/themes/lara-light-blue/fonts/Inter-italic.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/lara-light-blue/fonts/Inter-italic.var.woff2
rename to client/src/app/styles/themes/lara-light-blue/fonts/Inter-italic.var.woff2
diff --git a/client/src/assets/components/themes/lara-light-blue/fonts/Inter-roman.var.woff2 b/client/src/app/styles/themes/lara-light-blue/fonts/Inter-roman.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/lara-light-blue/fonts/Inter-roman.var.woff2
rename to client/src/app/styles/themes/lara-light-blue/fonts/Inter-roman.var.woff2
diff --git a/client/src/assets/components/themes/lara-light-blue/theme.css b/client/src/app/styles/themes/lara-light-blue/theme.css
similarity index 100%
rename from client/src/assets/components/themes/lara-light-blue/theme.css
rename to client/src/app/styles/themes/lara-light-blue/theme.css
diff --git a/client/src/assets/components/themes/lara-light-cyan/fonts/Inter-italic.var.woff2 b/client/src/app/styles/themes/lara-light-cyan/fonts/Inter-italic.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/lara-light-cyan/fonts/Inter-italic.var.woff2
rename to client/src/app/styles/themes/lara-light-cyan/fonts/Inter-italic.var.woff2
diff --git a/client/src/assets/components/themes/lara-light-cyan/fonts/Inter-roman.var.woff2 b/client/src/app/styles/themes/lara-light-cyan/fonts/Inter-roman.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/lara-light-cyan/fonts/Inter-roman.var.woff2
rename to client/src/app/styles/themes/lara-light-cyan/fonts/Inter-roman.var.woff2
diff --git a/client/src/assets/components/themes/lara-light-cyan/theme.css b/client/src/app/styles/themes/lara-light-cyan/theme.css
similarity index 100%
rename from client/src/assets/components/themes/lara-light-cyan/theme.css
rename to client/src/app/styles/themes/lara-light-cyan/theme.css
diff --git a/client/src/assets/components/themes/lara-light-green/fonts/Inter-italic.var.woff2 b/client/src/app/styles/themes/lara-light-green/fonts/Inter-italic.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/lara-light-green/fonts/Inter-italic.var.woff2
rename to client/src/app/styles/themes/lara-light-green/fonts/Inter-italic.var.woff2
diff --git a/client/src/assets/components/themes/lara-light-green/fonts/Inter-roman.var.woff2 b/client/src/app/styles/themes/lara-light-green/fonts/Inter-roman.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/lara-light-green/fonts/Inter-roman.var.woff2
rename to client/src/app/styles/themes/lara-light-green/fonts/Inter-roman.var.woff2
diff --git a/client/src/assets/components/themes/lara-light-green/theme.css b/client/src/app/styles/themes/lara-light-green/theme.css
similarity index 100%
rename from client/src/assets/components/themes/lara-light-green/theme.css
rename to client/src/app/styles/themes/lara-light-green/theme.css
diff --git a/client/src/assets/components/themes/lara-light-indigo/fonts/Inter-italic.var.woff2 b/client/src/app/styles/themes/lara-light-indigo/fonts/Inter-italic.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/lara-light-indigo/fonts/Inter-italic.var.woff2
rename to client/src/app/styles/themes/lara-light-indigo/fonts/Inter-italic.var.woff2
diff --git a/client/src/assets/components/themes/lara-light-indigo/fonts/Inter-roman.var.woff2 b/client/src/app/styles/themes/lara-light-indigo/fonts/Inter-roman.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/lara-light-indigo/fonts/Inter-roman.var.woff2
rename to client/src/app/styles/themes/lara-light-indigo/fonts/Inter-roman.var.woff2
diff --git a/client/src/assets/components/themes/lara-light-indigo/theme.css b/client/src/app/styles/themes/lara-light-indigo/theme.css
similarity index 100%
rename from client/src/assets/components/themes/lara-light-indigo/theme.css
rename to client/src/app/styles/themes/lara-light-indigo/theme.css
diff --git a/client/src/assets/components/themes/lara-light-pink/fonts/Inter-italic.var.woff2 b/client/src/app/styles/themes/lara-light-pink/fonts/Inter-italic.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/lara-light-pink/fonts/Inter-italic.var.woff2
rename to client/src/app/styles/themes/lara-light-pink/fonts/Inter-italic.var.woff2
diff --git a/client/src/assets/components/themes/lara-light-pink/fonts/Inter-roman.var.woff2 b/client/src/app/styles/themes/lara-light-pink/fonts/Inter-roman.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/lara-light-pink/fonts/Inter-roman.var.woff2
rename to client/src/app/styles/themes/lara-light-pink/fonts/Inter-roman.var.woff2
diff --git a/client/src/assets/components/themes/lara-light-pink/theme.css b/client/src/app/styles/themes/lara-light-pink/theme.css
similarity index 100%
rename from client/src/assets/components/themes/lara-light-pink/theme.css
rename to client/src/app/styles/themes/lara-light-pink/theme.css
diff --git a/client/src/assets/components/themes/lara-light-purple/fonts/Inter-italic.var.woff2 b/client/src/app/styles/themes/lara-light-purple/fonts/Inter-italic.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/lara-light-purple/fonts/Inter-italic.var.woff2
rename to client/src/app/styles/themes/lara-light-purple/fonts/Inter-italic.var.woff2
diff --git a/client/src/assets/components/themes/lara-light-purple/fonts/Inter-roman.var.woff2 b/client/src/app/styles/themes/lara-light-purple/fonts/Inter-roman.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/lara-light-purple/fonts/Inter-roman.var.woff2
rename to client/src/app/styles/themes/lara-light-purple/fonts/Inter-roman.var.woff2
diff --git a/client/src/assets/components/themes/lara-light-purple/theme.css b/client/src/app/styles/themes/lara-light-purple/theme.css
similarity index 100%
rename from client/src/assets/components/themes/lara-light-purple/theme.css
rename to client/src/app/styles/themes/lara-light-purple/theme.css
diff --git a/client/src/assets/components/themes/lara-light-teal/fonts/Inter-italic.var.woff2 b/client/src/app/styles/themes/lara-light-teal/fonts/Inter-italic.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/lara-light-teal/fonts/Inter-italic.var.woff2
rename to client/src/app/styles/themes/lara-light-teal/fonts/Inter-italic.var.woff2
diff --git a/client/src/assets/components/themes/lara-light-teal/fonts/Inter-roman.var.woff2 b/client/src/app/styles/themes/lara-light-teal/fonts/Inter-roman.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/lara-light-teal/fonts/Inter-roman.var.woff2
rename to client/src/app/styles/themes/lara-light-teal/fonts/Inter-roman.var.woff2
diff --git a/client/src/assets/components/themes/lara-light-teal/theme.css b/client/src/app/styles/themes/lara-light-teal/theme.css
similarity index 100%
rename from client/src/assets/components/themes/lara-light-teal/theme.css
rename to client/src/app/styles/themes/lara-light-teal/theme.css
diff --git a/client/src/assets/components/themes/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff b/client/src/app/styles/themes/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff
similarity index 100%
rename from client/src/assets/components/themes/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff
rename to client/src/app/styles/themes/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff
diff --git a/client/src/assets/components/themes/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 b/client/src/app/styles/themes/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2
similarity index 100%
rename from client/src/assets/components/themes/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2
rename to client/src/app/styles/themes/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2
diff --git a/client/src/assets/components/themes/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff b/client/src/app/styles/themes/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff
similarity index 100%
rename from client/src/assets/components/themes/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff
rename to client/src/app/styles/themes/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff
diff --git a/client/src/assets/components/themes/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 b/client/src/app/styles/themes/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2
similarity index 100%
rename from client/src/assets/components/themes/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2
rename to client/src/app/styles/themes/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2
diff --git a/client/src/assets/components/themes/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff b/client/src/app/styles/themes/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff
similarity index 100%
rename from client/src/assets/components/themes/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff
rename to client/src/app/styles/themes/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff
diff --git a/client/src/assets/components/themes/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/client/src/app/styles/themes/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2
similarity index 100%
rename from client/src/assets/components/themes/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2
rename to client/src/app/styles/themes/md-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2
diff --git a/client/src/assets/components/themes/md-dark-deeppurple/theme.css b/client/src/app/styles/themes/md-dark-deeppurple/theme.css
similarity index 100%
rename from client/src/assets/components/themes/md-dark-deeppurple/theme.css
rename to client/src/app/styles/themes/md-dark-deeppurple/theme.css
diff --git a/client/src/assets/components/themes/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff b/client/src/app/styles/themes/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff
similarity index 100%
rename from client/src/assets/components/themes/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff
rename to client/src/app/styles/themes/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff
diff --git a/client/src/assets/components/themes/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 b/client/src/app/styles/themes/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2
similarity index 100%
rename from client/src/assets/components/themes/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2
rename to client/src/app/styles/themes/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2
diff --git a/client/src/assets/components/themes/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff b/client/src/app/styles/themes/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff
similarity index 100%
rename from client/src/assets/components/themes/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff
rename to client/src/app/styles/themes/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff
diff --git a/client/src/assets/components/themes/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 b/client/src/app/styles/themes/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2
similarity index 100%
rename from client/src/assets/components/themes/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2
rename to client/src/app/styles/themes/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2
diff --git a/client/src/assets/components/themes/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff b/client/src/app/styles/themes/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff
similarity index 100%
rename from client/src/assets/components/themes/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff
rename to client/src/app/styles/themes/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff
diff --git a/client/src/assets/components/themes/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/client/src/app/styles/themes/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2
similarity index 100%
rename from client/src/assets/components/themes/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2
rename to client/src/app/styles/themes/md-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2
diff --git a/client/src/assets/components/themes/md-dark-indigo/theme.css b/client/src/app/styles/themes/md-dark-indigo/theme.css
similarity index 100%
rename from client/src/assets/components/themes/md-dark-indigo/theme.css
rename to client/src/app/styles/themes/md-dark-indigo/theme.css
diff --git a/client/src/assets/components/themes/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff b/client/src/app/styles/themes/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff
similarity index 100%
rename from client/src/assets/components/themes/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff
rename to client/src/app/styles/themes/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff
diff --git a/client/src/assets/components/themes/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 b/client/src/app/styles/themes/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2
similarity index 100%
rename from client/src/assets/components/themes/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2
rename to client/src/app/styles/themes/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2
diff --git a/client/src/assets/components/themes/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff b/client/src/app/styles/themes/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff
similarity index 100%
rename from client/src/assets/components/themes/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff
rename to client/src/app/styles/themes/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff
diff --git a/client/src/assets/components/themes/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 b/client/src/app/styles/themes/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2
similarity index 100%
rename from client/src/assets/components/themes/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2
rename to client/src/app/styles/themes/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2
diff --git a/client/src/assets/components/themes/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff b/client/src/app/styles/themes/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff
similarity index 100%
rename from client/src/assets/components/themes/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff
rename to client/src/app/styles/themes/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff
diff --git a/client/src/assets/components/themes/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/client/src/app/styles/themes/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2
similarity index 100%
rename from client/src/assets/components/themes/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2
rename to client/src/app/styles/themes/md-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2
diff --git a/client/src/assets/components/themes/md-light-deeppurple/theme.css b/client/src/app/styles/themes/md-light-deeppurple/theme.css
similarity index 100%
rename from client/src/assets/components/themes/md-light-deeppurple/theme.css
rename to client/src/app/styles/themes/md-light-deeppurple/theme.css
diff --git a/client/src/assets/components/themes/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff b/client/src/app/styles/themes/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff
similarity index 100%
rename from client/src/assets/components/themes/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff
rename to client/src/app/styles/themes/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff
diff --git a/client/src/assets/components/themes/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 b/client/src/app/styles/themes/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2
similarity index 100%
rename from client/src/assets/components/themes/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2
rename to client/src/app/styles/themes/md-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2
diff --git a/client/src/assets/components/themes/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff b/client/src/app/styles/themes/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff
similarity index 100%
rename from client/src/assets/components/themes/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff
rename to client/src/app/styles/themes/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff
diff --git a/client/src/assets/components/themes/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 b/client/src/app/styles/themes/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2
similarity index 100%
rename from client/src/assets/components/themes/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2
rename to client/src/app/styles/themes/md-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2
diff --git a/client/src/assets/components/themes/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff b/client/src/app/styles/themes/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff
similarity index 100%
rename from client/src/assets/components/themes/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff
rename to client/src/app/styles/themes/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff
diff --git a/client/src/assets/components/themes/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/client/src/app/styles/themes/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2
similarity index 100%
rename from client/src/assets/components/themes/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2
rename to client/src/app/styles/themes/md-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2
diff --git a/client/src/assets/components/themes/md-light-indigo/theme.css b/client/src/app/styles/themes/md-light-indigo/theme.css
similarity index 100%
rename from client/src/assets/components/themes/md-light-indigo/theme.css
rename to client/src/app/styles/themes/md-light-indigo/theme.css
diff --git a/client/src/assets/components/themes/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff b/client/src/app/styles/themes/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff
similarity index 100%
rename from client/src/assets/components/themes/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff
rename to client/src/app/styles/themes/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff
diff --git a/client/src/assets/components/themes/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 b/client/src/app/styles/themes/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2
similarity index 100%
rename from client/src/assets/components/themes/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2
rename to client/src/app/styles/themes/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2
diff --git a/client/src/assets/components/themes/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff b/client/src/app/styles/themes/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff
similarity index 100%
rename from client/src/assets/components/themes/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff
rename to client/src/app/styles/themes/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff
diff --git a/client/src/assets/components/themes/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 b/client/src/app/styles/themes/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2
similarity index 100%
rename from client/src/assets/components/themes/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2
rename to client/src/app/styles/themes/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2
diff --git a/client/src/assets/components/themes/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff b/client/src/app/styles/themes/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff
similarity index 100%
rename from client/src/assets/components/themes/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff
rename to client/src/app/styles/themes/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff
diff --git a/client/src/assets/components/themes/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/client/src/app/styles/themes/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2
similarity index 100%
rename from client/src/assets/components/themes/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2
rename to client/src/app/styles/themes/mdc-dark-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2
diff --git a/client/src/assets/components/themes/mdc-dark-deeppurple/theme.css b/client/src/app/styles/themes/mdc-dark-deeppurple/theme.css
similarity index 100%
rename from client/src/assets/components/themes/mdc-dark-deeppurple/theme.css
rename to client/src/app/styles/themes/mdc-dark-deeppurple/theme.css
diff --git a/client/src/assets/components/themes/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff b/client/src/app/styles/themes/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff
similarity index 100%
rename from client/src/assets/components/themes/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff
rename to client/src/app/styles/themes/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff
diff --git a/client/src/assets/components/themes/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 b/client/src/app/styles/themes/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2
similarity index 100%
rename from client/src/assets/components/themes/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2
rename to client/src/app/styles/themes/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2
diff --git a/client/src/assets/components/themes/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff b/client/src/app/styles/themes/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff
similarity index 100%
rename from client/src/assets/components/themes/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff
rename to client/src/app/styles/themes/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff
diff --git a/client/src/assets/components/themes/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 b/client/src/app/styles/themes/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2
similarity index 100%
rename from client/src/assets/components/themes/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2
rename to client/src/app/styles/themes/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2
diff --git a/client/src/assets/components/themes/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff b/client/src/app/styles/themes/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff
similarity index 100%
rename from client/src/assets/components/themes/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff
rename to client/src/app/styles/themes/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff
diff --git a/client/src/assets/components/themes/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/client/src/app/styles/themes/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2
similarity index 100%
rename from client/src/assets/components/themes/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2
rename to client/src/app/styles/themes/mdc-dark-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2
diff --git a/client/src/assets/components/themes/mdc-dark-indigo/theme.css b/client/src/app/styles/themes/mdc-dark-indigo/theme.css
similarity index 100%
rename from client/src/assets/components/themes/mdc-dark-indigo/theme.css
rename to client/src/app/styles/themes/mdc-dark-indigo/theme.css
diff --git a/client/src/assets/components/themes/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff b/client/src/app/styles/themes/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff
similarity index 100%
rename from client/src/assets/components/themes/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff
rename to client/src/app/styles/themes/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff
diff --git a/client/src/assets/components/themes/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 b/client/src/app/styles/themes/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2
similarity index 100%
rename from client/src/assets/components/themes/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2
rename to client/src/app/styles/themes/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2
diff --git a/client/src/assets/components/themes/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff b/client/src/app/styles/themes/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff
similarity index 100%
rename from client/src/assets/components/themes/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff
rename to client/src/app/styles/themes/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff
diff --git a/client/src/assets/components/themes/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 b/client/src/app/styles/themes/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2
similarity index 100%
rename from client/src/assets/components/themes/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2
rename to client/src/app/styles/themes/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2
diff --git a/client/src/assets/components/themes/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff b/client/src/app/styles/themes/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff
similarity index 100%
rename from client/src/assets/components/themes/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff
rename to client/src/app/styles/themes/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff
diff --git a/client/src/assets/components/themes/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/client/src/app/styles/themes/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2
similarity index 100%
rename from client/src/assets/components/themes/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2
rename to client/src/app/styles/themes/mdc-light-deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2
diff --git a/client/src/assets/components/themes/mdc-light-deeppurple/theme.css b/client/src/app/styles/themes/mdc-light-deeppurple/theme.css
similarity index 100%
rename from client/src/assets/components/themes/mdc-light-deeppurple/theme.css
rename to client/src/app/styles/themes/mdc-light-deeppurple/theme.css
diff --git a/client/src/assets/components/themes/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff b/client/src/app/styles/themes/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff
similarity index 100%
rename from client/src/assets/components/themes/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff
rename to client/src/app/styles/themes/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff
diff --git a/client/src/assets/components/themes/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 b/client/src/app/styles/themes/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2
similarity index 100%
rename from client/src/assets/components/themes/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2
rename to client/src/app/styles/themes/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-500.woff2
diff --git a/client/src/assets/components/themes/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff b/client/src/app/styles/themes/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff
similarity index 100%
rename from client/src/assets/components/themes/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff
rename to client/src/app/styles/themes/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff
diff --git a/client/src/assets/components/themes/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 b/client/src/app/styles/themes/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2
similarity index 100%
rename from client/src/assets/components/themes/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2
rename to client/src/app/styles/themes/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-700.woff2
diff --git a/client/src/assets/components/themes/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff b/client/src/app/styles/themes/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff
similarity index 100%
rename from client/src/assets/components/themes/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff
rename to client/src/app/styles/themes/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff
diff --git a/client/src/assets/components/themes/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/client/src/app/styles/themes/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2
similarity index 100%
rename from client/src/assets/components/themes/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2
rename to client/src/app/styles/themes/mdc-light-indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2
diff --git a/client/src/assets/components/themes/mdc-light-indigo/theme.css b/client/src/app/styles/themes/mdc-light-indigo/theme.css
similarity index 100%
rename from client/src/assets/components/themes/mdc-light-indigo/theme.css
rename to client/src/app/styles/themes/mdc-light-indigo/theme.css
diff --git a/client/src/assets/components/themes/slate/fonts/Inter-italic.var.woff2 b/client/src/app/styles/themes/slate/fonts/Inter-italic.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/slate/fonts/Inter-italic.var.woff2
rename to client/src/app/styles/themes/slate/fonts/Inter-italic.var.woff2
diff --git a/client/src/assets/components/themes/slate/fonts/Inter-roman.var.woff2 b/client/src/app/styles/themes/slate/fonts/Inter-roman.var.woff2
similarity index 100%
rename from client/src/assets/components/themes/slate/fonts/Inter-roman.var.woff2
rename to client/src/app/styles/themes/slate/fonts/Inter-roman.var.woff2
diff --git a/client/src/assets/components/themes/slate/theme.css b/client/src/app/styles/themes/slate/theme.css
similarity index 100%
rename from client/src/assets/components/themes/slate/theme.css
rename to client/src/app/styles/themes/slate/theme.css
diff --git a/client/src/assets/components/themes/soho-dark/fonts/lato-v17-latin-ext_latin-300.woff b/client/src/app/styles/themes/soho-dark/fonts/lato-v17-latin-ext_latin-300.woff
similarity index 100%
rename from client/src/assets/components/themes/soho-dark/fonts/lato-v17-latin-ext_latin-300.woff
rename to client/src/app/styles/themes/soho-dark/fonts/lato-v17-latin-ext_latin-300.woff
diff --git a/client/src/assets/components/themes/soho-dark/fonts/lato-v17-latin-ext_latin-300.woff2 b/client/src/app/styles/themes/soho-dark/fonts/lato-v17-latin-ext_latin-300.woff2
similarity index 100%
rename from client/src/assets/components/themes/soho-dark/fonts/lato-v17-latin-ext_latin-300.woff2
rename to client/src/app/styles/themes/soho-dark/fonts/lato-v17-latin-ext_latin-300.woff2
diff --git a/client/src/assets/components/themes/soho-dark/fonts/lato-v17-latin-ext_latin-700.woff b/client/src/app/styles/themes/soho-dark/fonts/lato-v17-latin-ext_latin-700.woff
similarity index 100%
rename from client/src/assets/components/themes/soho-dark/fonts/lato-v17-latin-ext_latin-700.woff
rename to client/src/app/styles/themes/soho-dark/fonts/lato-v17-latin-ext_latin-700.woff
diff --git a/client/src/assets/components/themes/soho-dark/fonts/lato-v17-latin-ext_latin-700.woff2 b/client/src/app/styles/themes/soho-dark/fonts/lato-v17-latin-ext_latin-700.woff2
similarity index 100%
rename from client/src/assets/components/themes/soho-dark/fonts/lato-v17-latin-ext_latin-700.woff2
rename to client/src/app/styles/themes/soho-dark/fonts/lato-v17-latin-ext_latin-700.woff2
diff --git a/client/src/assets/components/themes/soho-dark/fonts/lato-v17-latin-ext_latin-regular.woff b/client/src/app/styles/themes/soho-dark/fonts/lato-v17-latin-ext_latin-regular.woff
similarity index 100%
rename from client/src/assets/components/themes/soho-dark/fonts/lato-v17-latin-ext_latin-regular.woff
rename to client/src/app/styles/themes/soho-dark/fonts/lato-v17-latin-ext_latin-regular.woff
diff --git a/client/src/assets/components/themes/soho-dark/fonts/lato-v17-latin-ext_latin-regular.woff2 b/client/src/app/styles/themes/soho-dark/fonts/lato-v17-latin-ext_latin-regular.woff2
similarity index 100%
rename from client/src/assets/components/themes/soho-dark/fonts/lato-v17-latin-ext_latin-regular.woff2
rename to client/src/app/styles/themes/soho-dark/fonts/lato-v17-latin-ext_latin-regular.woff2
diff --git a/client/src/assets/components/themes/soho-dark/theme.css b/client/src/app/styles/themes/soho-dark/theme.css
similarity index 100%
rename from client/src/assets/components/themes/soho-dark/theme.css
rename to client/src/app/styles/themes/soho-dark/theme.css
diff --git a/client/src/assets/components/themes/soho-light/fonts/lato-v17-latin-ext_latin-300.woff b/client/src/app/styles/themes/soho-light/fonts/lato-v17-latin-ext_latin-300.woff
similarity index 100%
rename from client/src/assets/components/themes/soho-light/fonts/lato-v17-latin-ext_latin-300.woff
rename to client/src/app/styles/themes/soho-light/fonts/lato-v17-latin-ext_latin-300.woff
diff --git a/client/src/assets/components/themes/soho-light/fonts/lato-v17-latin-ext_latin-300.woff2 b/client/src/app/styles/themes/soho-light/fonts/lato-v17-latin-ext_latin-300.woff2
similarity index 100%
rename from client/src/assets/components/themes/soho-light/fonts/lato-v17-latin-ext_latin-300.woff2
rename to client/src/app/styles/themes/soho-light/fonts/lato-v17-latin-ext_latin-300.woff2
diff --git a/client/src/assets/components/themes/soho-light/fonts/lato-v17-latin-ext_latin-700.woff b/client/src/app/styles/themes/soho-light/fonts/lato-v17-latin-ext_latin-700.woff
similarity index 100%
rename from client/src/assets/components/themes/soho-light/fonts/lato-v17-latin-ext_latin-700.woff
rename to client/src/app/styles/themes/soho-light/fonts/lato-v17-latin-ext_latin-700.woff
diff --git a/client/src/assets/components/themes/soho-light/fonts/lato-v17-latin-ext_latin-700.woff2 b/client/src/app/styles/themes/soho-light/fonts/lato-v17-latin-ext_latin-700.woff2
similarity index 100%
rename from client/src/assets/components/themes/soho-light/fonts/lato-v17-latin-ext_latin-700.woff2
rename to client/src/app/styles/themes/soho-light/fonts/lato-v17-latin-ext_latin-700.woff2
diff --git a/client/src/assets/components/themes/soho-light/fonts/lato-v17-latin-ext_latin-regular.woff b/client/src/app/styles/themes/soho-light/fonts/lato-v17-latin-ext_latin-regular.woff
similarity index 100%
rename from client/src/assets/components/themes/soho-light/fonts/lato-v17-latin-ext_latin-regular.woff
rename to client/src/app/styles/themes/soho-light/fonts/lato-v17-latin-ext_latin-regular.woff
diff --git a/client/src/assets/components/themes/soho-light/fonts/lato-v17-latin-ext_latin-regular.woff2 b/client/src/app/styles/themes/soho-light/fonts/lato-v17-latin-ext_latin-regular.woff2
similarity index 100%
rename from client/src/assets/components/themes/soho-light/fonts/lato-v17-latin-ext_latin-regular.woff2
rename to client/src/app/styles/themes/soho-light/fonts/lato-v17-latin-ext_latin-regular.woff2
diff --git a/client/src/assets/components/themes/soho-light/theme.css b/client/src/app/styles/themes/soho-light/theme.css
similarity index 100%
rename from client/src/assets/components/themes/soho-light/theme.css
rename to client/src/app/styles/themes/soho-light/theme.css
diff --git a/client/src/assets/components/themes/tailwind-light/fonts/Inter-Bold.woff b/client/src/app/styles/themes/tailwind-light/fonts/Inter-Bold.woff
similarity index 100%
rename from client/src/assets/components/themes/tailwind-light/fonts/Inter-Bold.woff
rename to client/src/app/styles/themes/tailwind-light/fonts/Inter-Bold.woff
diff --git a/client/src/assets/components/themes/tailwind-light/fonts/Inter-Bold.woff2 b/client/src/app/styles/themes/tailwind-light/fonts/Inter-Bold.woff2
similarity index 100%
rename from client/src/assets/components/themes/tailwind-light/fonts/Inter-Bold.woff2
rename to client/src/app/styles/themes/tailwind-light/fonts/Inter-Bold.woff2
diff --git a/client/src/assets/components/themes/tailwind-light/fonts/Inter-Light.woff b/client/src/app/styles/themes/tailwind-light/fonts/Inter-Light.woff
similarity index 100%
rename from client/src/assets/components/themes/tailwind-light/fonts/Inter-Light.woff
rename to client/src/app/styles/themes/tailwind-light/fonts/Inter-Light.woff
diff --git a/client/src/assets/components/themes/tailwind-light/fonts/Inter-Light.woff2 b/client/src/app/styles/themes/tailwind-light/fonts/Inter-Light.woff2
similarity index 100%
rename from client/src/assets/components/themes/tailwind-light/fonts/Inter-Light.woff2
rename to client/src/app/styles/themes/tailwind-light/fonts/Inter-Light.woff2
diff --git a/client/src/assets/components/themes/tailwind-light/fonts/Inter-Medium.woff b/client/src/app/styles/themes/tailwind-light/fonts/Inter-Medium.woff
similarity index 100%
rename from client/src/assets/components/themes/tailwind-light/fonts/Inter-Medium.woff
rename to client/src/app/styles/themes/tailwind-light/fonts/Inter-Medium.woff
diff --git a/client/src/assets/components/themes/tailwind-light/fonts/Inter-Medium.woff2 b/client/src/app/styles/themes/tailwind-light/fonts/Inter-Medium.woff2
similarity index 100%
rename from client/src/assets/components/themes/tailwind-light/fonts/Inter-Medium.woff2
rename to client/src/app/styles/themes/tailwind-light/fonts/Inter-Medium.woff2
diff --git a/client/src/assets/components/themes/tailwind-light/fonts/Inter-Regular.woff b/client/src/app/styles/themes/tailwind-light/fonts/Inter-Regular.woff
similarity index 100%
rename from client/src/assets/components/themes/tailwind-light/fonts/Inter-Regular.woff
rename to client/src/app/styles/themes/tailwind-light/fonts/Inter-Regular.woff
diff --git a/client/src/assets/components/themes/tailwind-light/fonts/Inter-Regular.woff2 b/client/src/app/styles/themes/tailwind-light/fonts/Inter-Regular.woff2
similarity index 100%
rename from client/src/assets/components/themes/tailwind-light/fonts/Inter-Regular.woff2
rename to client/src/app/styles/themes/tailwind-light/fonts/Inter-Regular.woff2
diff --git a/client/src/assets/components/themes/tailwind-light/fonts/Inter-SemiBold.woff b/client/src/app/styles/themes/tailwind-light/fonts/Inter-SemiBold.woff
similarity index 100%
rename from client/src/assets/components/themes/tailwind-light/fonts/Inter-SemiBold.woff
rename to client/src/app/styles/themes/tailwind-light/fonts/Inter-SemiBold.woff
diff --git a/client/src/assets/components/themes/tailwind-light/fonts/Inter-SemiBold.woff2 b/client/src/app/styles/themes/tailwind-light/fonts/Inter-SemiBold.woff2
similarity index 100%
rename from client/src/assets/components/themes/tailwind-light/fonts/Inter-SemiBold.woff2
rename to client/src/app/styles/themes/tailwind-light/fonts/Inter-SemiBold.woff2
diff --git a/client/src/assets/components/themes/tailwind-light/theme.css b/client/src/app/styles/themes/tailwind-light/theme.css
similarity index 100%
rename from client/src/assets/components/themes/tailwind-light/theme.css
rename to client/src/app/styles/themes/tailwind-light/theme.css
diff --git a/client/src/assets/components/themes/vela-blue/theme.css b/client/src/app/styles/themes/vela-blue/theme.css
similarity index 100%
rename from client/src/assets/components/themes/vela-blue/theme.css
rename to client/src/app/styles/themes/vela-blue/theme.css
diff --git a/client/src/assets/components/themes/vela-green/theme.css b/client/src/app/styles/themes/vela-green/theme.css
similarity index 100%
rename from client/src/assets/components/themes/vela-green/theme.css
rename to client/src/app/styles/themes/vela-green/theme.css
diff --git a/client/src/assets/components/themes/vela-orange/theme.css b/client/src/app/styles/themes/vela-orange/theme.css
similarity index 100%
rename from client/src/assets/components/themes/vela-orange/theme.css
rename to client/src/app/styles/themes/vela-orange/theme.css
diff --git a/client/src/assets/components/themes/vela-purple/theme.css b/client/src/app/styles/themes/vela-purple/theme.css
similarity index 100%
rename from client/src/assets/components/themes/vela-purple/theme.css
rename to client/src/app/styles/themes/vela-purple/theme.css
diff --git a/client/src/assets/components/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-300.woff b/client/src/app/styles/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-300.woff
similarity index 100%
rename from client/src/assets/components/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-300.woff
rename to client/src/app/styles/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-300.woff
diff --git a/client/src/assets/components/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-300.woff2 b/client/src/app/styles/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-300.woff2
similarity index 100%
rename from client/src/assets/components/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-300.woff2
rename to client/src/app/styles/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-300.woff2
diff --git a/client/src/assets/components/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-600.woff b/client/src/app/styles/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-600.woff
similarity index 100%
rename from client/src/assets/components/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-600.woff
rename to client/src/app/styles/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-600.woff
diff --git a/client/src/assets/components/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-600.woff2 b/client/src/app/styles/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-600.woff2
similarity index 100%
rename from client/src/assets/components/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-600.woff2
rename to client/src/app/styles/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-600.woff2
diff --git a/client/src/assets/components/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-700.woff b/client/src/app/styles/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-700.woff
similarity index 100%
rename from client/src/assets/components/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-700.woff
rename to client/src/app/styles/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-700.woff
diff --git a/client/src/assets/components/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-700.woff2 b/client/src/app/styles/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-700.woff2
similarity index 100%
rename from client/src/assets/components/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-700.woff2
rename to client/src/app/styles/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-700.woff2
diff --git a/client/src/assets/components/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-regular.woff b/client/src/app/styles/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-regular.woff
similarity index 100%
rename from client/src/assets/components/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-regular.woff
rename to client/src/app/styles/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-regular.woff
diff --git a/client/src/assets/components/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-regular.woff2 b/client/src/app/styles/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-regular.woff2
similarity index 100%
rename from client/src/assets/components/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-regular.woff2
rename to client/src/app/styles/themes/viva-dark/fonts/poppins-v15-latin-ext_latin-regular.woff2
diff --git a/client/src/assets/components/themes/viva-dark/theme.css b/client/src/app/styles/themes/viva-dark/theme.css
similarity index 100%
rename from client/src/assets/components/themes/viva-dark/theme.css
rename to client/src/app/styles/themes/viva-dark/theme.css
diff --git a/client/src/assets/components/themes/viva-light/fonts/poppins-v15-latin-ext_latin-300.woff b/client/src/app/styles/themes/viva-light/fonts/poppins-v15-latin-ext_latin-300.woff
similarity index 100%
rename from client/src/assets/components/themes/viva-light/fonts/poppins-v15-latin-ext_latin-300.woff
rename to client/src/app/styles/themes/viva-light/fonts/poppins-v15-latin-ext_latin-300.woff
diff --git a/client/src/assets/components/themes/viva-light/fonts/poppins-v15-latin-ext_latin-300.woff2 b/client/src/app/styles/themes/viva-light/fonts/poppins-v15-latin-ext_latin-300.woff2
similarity index 100%
rename from client/src/assets/components/themes/viva-light/fonts/poppins-v15-latin-ext_latin-300.woff2
rename to client/src/app/styles/themes/viva-light/fonts/poppins-v15-latin-ext_latin-300.woff2
diff --git a/client/src/assets/components/themes/viva-light/fonts/poppins-v15-latin-ext_latin-600.woff b/client/src/app/styles/themes/viva-light/fonts/poppins-v15-latin-ext_latin-600.woff
similarity index 100%
rename from client/src/assets/components/themes/viva-light/fonts/poppins-v15-latin-ext_latin-600.woff
rename to client/src/app/styles/themes/viva-light/fonts/poppins-v15-latin-ext_latin-600.woff
diff --git a/client/src/assets/components/themes/viva-light/fonts/poppins-v15-latin-ext_latin-600.woff2 b/client/src/app/styles/themes/viva-light/fonts/poppins-v15-latin-ext_latin-600.woff2
similarity index 100%
rename from client/src/assets/components/themes/viva-light/fonts/poppins-v15-latin-ext_latin-600.woff2
rename to client/src/app/styles/themes/viva-light/fonts/poppins-v15-latin-ext_latin-600.woff2
diff --git a/client/src/assets/components/themes/viva-light/fonts/poppins-v15-latin-ext_latin-700.woff b/client/src/app/styles/themes/viva-light/fonts/poppins-v15-latin-ext_latin-700.woff
similarity index 100%
rename from client/src/assets/components/themes/viva-light/fonts/poppins-v15-latin-ext_latin-700.woff
rename to client/src/app/styles/themes/viva-light/fonts/poppins-v15-latin-ext_latin-700.woff
diff --git a/client/src/assets/components/themes/viva-light/fonts/poppins-v15-latin-ext_latin-700.woff2 b/client/src/app/styles/themes/viva-light/fonts/poppins-v15-latin-ext_latin-700.woff2
similarity index 100%
rename from client/src/assets/components/themes/viva-light/fonts/poppins-v15-latin-ext_latin-700.woff2
rename to client/src/app/styles/themes/viva-light/fonts/poppins-v15-latin-ext_latin-700.woff2
diff --git a/client/src/assets/components/themes/viva-light/fonts/poppins-v15-latin-ext_latin-regular.woff b/client/src/app/styles/themes/viva-light/fonts/poppins-v15-latin-ext_latin-regular.woff
similarity index 100%
rename from client/src/assets/components/themes/viva-light/fonts/poppins-v15-latin-ext_latin-regular.woff
rename to client/src/app/styles/themes/viva-light/fonts/poppins-v15-latin-ext_latin-regular.woff
diff --git a/client/src/assets/components/themes/viva-light/fonts/poppins-v15-latin-ext_latin-regular.woff2 b/client/src/app/styles/themes/viva-light/fonts/poppins-v15-latin-ext_latin-regular.woff2
similarity index 100%
rename from client/src/assets/components/themes/viva-light/fonts/poppins-v15-latin-ext_latin-regular.woff2
rename to client/src/app/styles/themes/viva-light/fonts/poppins-v15-latin-ext_latin-regular.woff2
diff --git a/client/src/assets/components/themes/viva-light/theme.css b/client/src/app/styles/themes/viva-light/theme.css
similarity index 100%
rename from client/src/assets/components/themes/viva-light/theme.css
rename to client/src/app/styles/themes/viva-light/theme.css
diff --git a/client/src/assets/c-pat-c.png b/client/src/assets/c-pat-c.png
new file mode 100644
index 00000000..6fc5f103
Binary files /dev/null and b/client/src/assets/c-pat-c.png differ
diff --git a/client/src/assets/components/themes/fluent-light/theme.css b/client/src/assets/components/themes/fluent-light/theme.css
deleted file mode 100644
index 35948c65..00000000
--- a/client/src/assets/components/themes/fluent-light/theme.css
+++ /dev/null
@@ -1,6551 +0,0 @@
-: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: #faf9f8;
- --surface-c: #f3f2f1;
- --surface-d: #edebe9;
- --surface-e: #ffffff;
- --surface-f: #ffffff;
- --text-color: #323130;
- --text-color-secondary: #605e5c;
- --primary-color: #0078d4;
- --primary-color-text: #ffffff;
- --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: 1rem;
- --inline-spacing: 0.5rem;
- --border-radius: 2px;
- --surface-ground: #faf9f8;
- --surface-section: #ffffff;
- --surface-card: #ffffff;
- --surface-overlay: #ffffff;
- --surface-border: #edebe9;
- --surface-hover: #f3f2f1;
- --maskbg: rgba(0, 0, 0, 0.4);
- --highlight-bg: #edebe9;
- --highlight-text-color: #323130;
- --focus-ring: inset 0 0 0 1px #605e5c;
- color-scheme: light;
-}
-
-:root {
- --blue-50:#f3f8fc;
- --blue-100:#c6dcef;
- --blue-200:#98c1e3;
- --blue-300:#6ba5d7;
- --blue-400:#3d8aca;
- --blue-500:#106ebe;
- --blue-600:#0e5ea2;
- --blue-700:#0b4d85;
- --blue-800:#093d69;
- --blue-900:#062c4c;
- --green-50:#f7fbf3;
- --green-100:#d9eac4;
- --green-200:#bbda96;
- --green-300:#9cca67;
- --green-400:#7eb939;
- --green-500:#60a90a;
- --green-600:#529009;
- --green-700:#437607;
- --green-800:#355d06;
- --green-900:#264404;
- --yellow-50:#fffcf2;
- --yellow-100:#ffeec2;
- --yellow-200:#ffe191;
- --yellow-300:#ffd461;
- --yellow-400:#ffc630;
- --yellow-500:#ffb900;
- --yellow-600:#d99d00;
- --yellow-700:#b38200;
- --yellow-800:#8c6600;
- --yellow-900:#664a00;
- --cyan-50:#f2fbfc;
- --cyan-100:#c2eef1;
- --cyan-200:#91e0e5;
- --cyan-300:#61d2da;
- --cyan-400:#30c5ce;
- --cyan-500:#00b7c3;
- --cyan-600:#009ca6;
- --cyan-700:#008089;
- --cyan-800:#00656b;
- --cyan-900:#00494e;
- --pink-50:#fef2f9;
- --pink-100:#f8c2e3;
- --pink-200:#f391ce;
- --pink-300:#ee61b8;
- --pink-400:#e830a2;
- --pink-500:#e3008c;
- --pink-600:#c10077;
- --pink-700:#9f0062;
- --pink-800:#7d004d;
- --pink-900:#5b0038;
- --indigo-50:#f5f6fc;
- --indigo-100:#cdd3f1;
- --indigo-200:#a5b0e6;
- --indigo-300:#7d8edc;
- --indigo-400:#566bd1;
- --indigo-500:#2e48c6;
- --indigo-600:#273da8;
- --indigo-700:#20328b;
- --indigo-800:#19286d;
- --indigo-900:#121d4f;
- --teal-50:#f2f9f8;
- --teal-100:#c2e1dd;
- --teal-200:#91c9c2;
- --teal-300:#61b2a8;
- --teal-400:#309a8d;
- --teal-500:#008272;
- --teal-600:#006f61;
- --teal-700:#005b50;
- --teal-800:#00483f;
- --teal-900:#00342e;
- --orange-50:#fdf7f2;
- --orange-100:#f5d8c2;
- --orange-200:#edb991;
- --orange-300:#e49a61;
- --orange-400:#dc7b30;
- --orange-500:#d45c00;
- --orange-600:#b44e00;
- --orange-700:#944000;
- --orange-800:#753300;
- --orange-900:#552500;
- --bluegray-50:#f8f9fb;
- --bluegray-100:#dee4ed;
- --bluegray-200:#c4cfe0;
- --bluegray-300:#a9bad2;
- --bluegray-400:#8fa4c4;
- --bluegray-500:#758fb6;
- --bluegray-600:#637a9b;
- --bluegray-700:#52647f;
- --bluegray-800:#404f64;
- --bluegray-900:#2f3949;
- --purple-50:#f9f8fd;
- --purple-100:#e1dff7;
- --purple-200:#cac5f1;
- --purple-300:#b2abeb;
- --purple-400:#9b92e4;
- --purple-500:#8378de;
- --purple-600:#6f66bd;
- --purple-700:#5c549b;
- --purple-800:#48427a;
- --purple-900:#343059;
- --red-50:#fdf5f5;
- --red-100:#f4cecf;
- --red-200:#eba8a9;
- --red-300:#e28184;
- --red-400:#da5b5e;
- --red-500:#d13438;
- --red-600:#b22c30;
- --red-700:#922427;
- --red-800:#731d1f;
- --red-900:#541516;
- --primary-50:#f2f8fd;
- --primary-100:#c2dff5;
- --primary-200:#91c5ed;
- --primary-300:#61abe4;
- --primary-400:#3092dc;
- --primary-500:#0078d4;
- --primary-600:#0066b4;
- --primary-700:#005494;
- --primary-800:#004275;
- --primary-900:#003055;
-}
-
-.p-editor-container .p-editor-toolbar {
- background: #faf9f8;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
-}
-.p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #a19f9d;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #605e5c;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #605e5c;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #605e5c;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #323130;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #323130;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #323130;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #323130;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #323130;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #323130;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #ffffff;
- border: 0 none;
- box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
- border-radius: 2px;
- padding: 0;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #323130;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #323130;
- background: #f3f2f1;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.75rem 0.5rem;
-}
-.p-editor-container .p-editor-content {
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px;
-}
-.p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #a19f9d;
-}
-.p-editor-container .p-editor-content .ql-editor {
- background: #ffffff;
- color: #323130;
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover,
-.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: #323130;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #323130;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #323130;
-}
-.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: #0078d4;
-}
-.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: #0078d4;
-}
-.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: #0078d4;
-}
-.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: #0078d4;
-}
-
-@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.6;
- }
-
- .p-error {
- color: #a4252c;
- }
-
- .p-text-secondary {
- color: #605e5c;
- }
-
- .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: 2px;
- }
- .p-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
-
- .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: #323130;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- border-color: #0078d4;
- }
- .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: #323130;
- padding: 0;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.5rem;
- background: #edebe9;
- color: #323130;
- 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: #e1dfdd;
- color: #323130;
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #a4252c;
- }
-
- .p-autocomplete-panel {
- background: #ffffff;
- color: #323130;
- border: 0 none;
- border-radius: 2px;
- box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
- }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.75rem 0.5rem;
- border: 1px solid transparent;
- color: #323130;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #323130;
- background: #edebe9;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: #e1dfdd;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #323130;
- background: #e1dfdd;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
- color: #323130;
- background: #f3f2f1;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.75rem 0.5rem;
- color: #0078d4;
- background: #ffffff;
- font-weight: 600;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message {
- padding: 0.75rem 0.5rem;
- color: #323130;
- background: transparent;
- }
-
- p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
- border-color: #a4252c;
- }
-
- p-autocomplete.p-autocomplete-clearable .p-inputtext {
- padding-right: 2rem;
- }
- p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon {
- color: #605e5c;
- right: 0.5rem;
- }
-
- p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon {
- color: #605e5c;
- right: 2.857rem;
- }
-
- p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
- border-color: #a4252c;
- }
-
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- border-color: #0078d4;
- }
-
- .p-datepicker {
- padding: 0.75rem;
- background: #ffffff;
- color: #323130;
- border: 1px solid #605e5c;
- border-radius: 2px;
- }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #ffffff;
- border: 0 none;
- box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
- }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #ffffff;
- }
- .p-datepicker .p-datepicker-header {
- padding: 0 0.5rem 0.5rem 0.5rem;
- color: #323130;
- background: #ffffff;
- font-weight: 600;
- margin: 0;
- border-bottom: 0 none;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
-.p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2rem;
- height: 2rem;
- color: #605e5c;
- border: 0 none;
- background: transparent;
- border-radius: 2px;
- 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: #605e5c;
- border-color: transparent;
- background: #f3f2f1;
- }
- .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: inset 0 0 0 1px #605e5c;
- }
- .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: #323130;
- 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: #0078d4;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem;
- }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0;
- }
- .p-datepicker table th {
- padding: 0.5rem;
- }
- .p-datepicker table th > span {
- width: 2rem;
- height: 2rem;
- }
- .p-datepicker table td {
- padding: 1px;
- }
- .p-datepicker table td > span {
- width: 2rem;
- height: 2rem;
- border-radius: 2px;
- transition: box-shadow 0.2s;
- border: 0 none;
- }
- .p-datepicker table td > span.p-highlight {
- color: #323130;
- background: #edebe9;
- }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .p-datepicker table td.p-datepicker-today > span {
- background: #0078d4;
- color: #ffffff;
- border-color: transparent;
- }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #323130;
- background: #edebe9;
- }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 1rem 0;
- border-top: 1px solid #edebe9;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto;
- }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #edebe9;
- padding: 0.5rem;
- }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: #605e5c;
- border: 0 none;
- background: transparent;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: #605e5c;
- border-color: transparent;
- background: #f3f2f1;
- }
- .p-datepicker .p-timepicker button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: 0.2em;
- }
- .p-datepicker .p-timepicker span {
- font-size: 1.25rem;
- }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem;
- }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none;
- }
- .p-datepicker .p-monthpicker {
- margin: 0;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 1px;
- transition: box-shadow 0.2s;
- border-radius: 2px;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #323130;
- background: #edebe9;
- }
- .p-datepicker .p-yearpicker {
- margin: 0;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year {
- padding: 1px;
- transition: box-shadow 0.2s;
- border-radius: 2px;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
- color: #323130;
- background: #edebe9;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-left: 1px solid #edebe9;
- padding-right: 0.75rem;
- padding-left: 0.75rem;
- 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: #f3f2f1;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
- background: #f3f2f1;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
- background: #f3f2f1;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
-
- p-calendar.p-calendar-clearable .p-inputtext {
- padding-right: 2rem;
- }
- p-calendar.p-calendar-clearable .p-calendar-clear-icon {
- color: #605e5c;
- right: 0.5rem;
- }
-
- p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon {
- color: #605e5c;
- 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 #605e5c;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 2px;
- }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #323130;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- border-color: #0078d4;
- }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.5rem;
- }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #605e5c;
- }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #605e5c;
- width: 2.357rem;
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #a4252c;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #faf9f8;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #faf9f8;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #faf9f8;
- }
-
- .p-cascadeselect-panel {
- background: #ffffff;
- color: #323130;
- border: 0 none;
- border-radius: 2px;
- box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
- }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 1px solid transparent;
- color: #323130;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #323130;
- background: #edebe9;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: #e1dfdd;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #323130;
- background: #e1dfdd;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #323130;
- background: #f3f2f1;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.75rem 0.5rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem;
- }
-
- .p-input-filled .p-cascadeselect {
- background: #faf9f8;
- }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: #faf9f8;
- }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
- background-color: #faf9f8;
- }
-
- p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect {
- border-color: #a4252c;
- }
-
- p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label {
- padding-right: 0.5rem;
- }
- p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon {
- color: #605e5c;
- 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: 1px solid #605e5c;
- background: #ffffff;
- width: 20px;
- height: 20px;
- color: #323130;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #ffffff;
- font-size: 14px;
- }
- .p-checkbox .p-checkbox-box .p-icon {
- width: 14px;
- height: 14px;
- }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #0078d4;
- background: #0078d4;
- }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: #323130;
- }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- border-color: #0078d4;
- }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #005a9e;
- background: #005a9e;
- color: #ffffff;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #faf9f8;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
- background: #0078d4;
- }
- .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #faf9f8;
- }
- .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #005a9e;
- }
-
- p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
- border-color: #a4252c;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #faf9f8;
- }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #0078d4;
- }
- .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #faf9f8;
- }
- .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #005a9e;
- }
-
- .p-checkbox-label {
- margin-left: 0.5rem;
- }
-
- p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
- border-color: #a4252c;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #323130;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- border-color: #0078d4;
- }
- .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: #edebe9;
- color: #323130;
- border-radius: 16px;
- }
- .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
- background: #e1dfdd;
- color: #323130;
- }
- .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: #323130;
- padding: 0;
- margin: 0;
- }
-
- p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
- border-color: #a4252c;
- }
-
- p-chips.p-chips-clearable .p-inputtext {
- padding-right: 1.5rem;
- }
- p-chips.p-chips-clearable .p-chips-clear-icon {
- color: #605e5c;
- 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: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
- }
-
- .p-dropdown {
- background: #ffffff;
- border: 1px solid #605e5c;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 2px;
- }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #323130;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- border-color: #0078d4;
- }
- .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: #605e5c;
- }
- .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: #605e5c;
- width: 2.357rem;
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: #605e5c;
- right: 2.357rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #a4252c;
- }
- .p-dropdown.p-variant-filled {
- background-color: #faf9f8;
- }
- .p-dropdown.p-variant-filled:enabled:hover {
- background-color: #faf9f8;
- }
- .p-dropdown.p-variant-filled:enabled:focus {
- background-color: #faf9f8;
- }
-
- .p-dropdown-panel {
- background: #ffffff;
- color: #323130;
- border: 0 none;
- border-radius: 2px;
- box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
- }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.75rem 0.5rem;
- border-bottom: 1px solid #edebe9;
- color: #323130;
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
- }
- .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: #605e5c;
- }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.75rem 0.5rem;
- border: 1px solid transparent;
- color: #323130;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #323130;
- background: #edebe9;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: #e1dfdd;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #323130;
- background: #e1dfdd;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- color: #323130;
- background: #f3f2f1;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.75rem 0.5rem;
- color: #0078d4;
- background: #ffffff;
- font-weight: 600;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.75rem 0.5rem;
- color: #323130;
- background: transparent;
- }
-
- .p-input-filled .p-dropdown {
- background: #faf9f8;
- }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: #faf9f8;
- }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
- background-color: #faf9f8;
- }
- .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: #a4252c;
- }
-
- .p-icon-field .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-inputgroup-addon {
- background: #f3f2f1;
- color: #605e5c;
- border-top: 1px solid #605e5c;
- border-left: 1px solid #605e5c;
- border-bottom: 1px solid #605e5c;
- padding: 0.5rem 0.5rem;
- min-width: 2.357rem;
- }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #605e5c;
- }
-
- .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: 2px;
- border-bottom-left-radius: 2px;
- }
-
- .p-inputgroup .p-float-label:first-child input {
- border-top-left-radius: 2px;
- border-bottom-left-radius: 2px;
- }
-
- .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: 2px;
- border-bottom-right-radius: 2px;
- }
-
- .p-inputgroup .p-float-label:last-child input {
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px;
- }
-
- .p-fluid .p-inputgroup .p-button {
- width: auto;
- }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.357rem;
- }
-
- .p-icon-field-left .p-input-icon:first-of-type {
- left: 0.5rem;
- color: #605e5c;
- }
-
- .p-icon-field-right .p-input-icon:last-of-type {
- right: 0.5rem;
- color: #605e5c;
- }
-
- p-inputmask.ng-dirty.ng-invalid > .p-inputtext {
- border-color: #a4252c;
- }
-
- p-inputmask.p-inputmask-clearable .p-inputtext {
- padding-right: 2rem;
- }
- p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon {
- color: #605e5c;
- right: 0.5rem;
- }
-
- .p-inputmask.p-variant-filled {
- background-color: #faf9f8;
- }
- .p-inputmask.p-variant-filled:enabled:hover {
- background-color: #faf9f8;
- }
- .p-inputmask.p-variant-filled:enabled:focus {
- background-color: #faf9f8;
- }
-
- p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
- border-color: #a4252c;
- }
-
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-input {
- padding-right: 2rem;
- }
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon {
- color: #605e5c;
- 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-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #faf9f8;
- }
- p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #faf9f8;
- }
- p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #faf9f8;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 2rem;
- }
-
- .p-inputswitch {
- width: 3rem;
- height: 1.75rem;
- }
- .p-inputswitch .p-inputswitch-slider {
- background: #ffffff;
- 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: #605e5c;
- 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: inset 0 0 0 1px #605e5c;
- }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: #ffffff;
- }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: #0078d4;
- }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: #ffffff;
- }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: #005a9e;
- }
-
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
- border-color: #a4252c;
- }
-
- .p-inputtext {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #323130;
- background: #ffffff;
- padding: 0.5rem 0.5rem;
- border: 1px solid #605e5c;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- appearance: none;
- border-radius: 2px;
- }
- .p-inputtext:enabled:hover {
- border-color: #323130;
- }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- border-color: #0078d4;
- }
- .p-inputtext.ng-dirty.ng-invalid {
- border-color: #a4252c;
- }
- .p-inputtext.p-variant-filled {
- background-color: #faf9f8;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #faf9f8;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #faf9f8;
- }
- .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: #605e5c;
- transition-duration: 0.2s;
- }
-
- .p-float-label > .ng-invalid.ng-dirty + label {
- color: #a4252c;
- }
-
- .p-input-icon-left > .p-icon-wrapper.p-icon,
-.p-input-icon-left > i:first-of-type {
- left: 0.5rem;
- color: #605e5c;
- }
-
- .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: #605e5c;
- }
-
- .p-input-icon-right > .p-inputtext {
- padding-right: 2rem;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 2rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 2rem;
- }
-
- .p-icon-field-right > .p-inputtext {
- padding-right: 2rem;
- }
-
- ::-webkit-input-placeholder {
- color: #605e5c;
- }
-
- :-moz-placeholder {
- color: #605e5c;
- }
-
- ::-moz-placeholder {
- color: #605e5c;
- }
-
- :-ms-input-placeholder {
- color: #605e5c;
- }
-
- .p-input-filled .p-inputtext {
- background-color: #faf9f8;
- }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #faf9f8;
- }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #faf9f8;
- }
-
- .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: #323130;
- border: 1px solid #605e5c;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-listbox .p-listbox-header {
- padding: 0.75rem 0.5rem;
- border-bottom: 1px solid #edebe9;
- color: #323130;
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
- }
- .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: #605e5c;
- }
- .p-listbox .p-listbox-header .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-listbox .p-listbox-list {
- padding: 0;
- outline: 0 none;
- }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.75rem 0.5rem;
- border: 1px solid transparent;
- color: #323130;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #323130;
- background: #edebe9;
- }
- .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 0.5rem;
- color: #0078d4;
- background: #ffffff;
- font-weight: 600;
- }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.75rem 0.5rem;
- color: #323130;
- background: transparent;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
- background: #e1dfdd;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #323130;
- background: #f3f2f1;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #323130;
- background: #f3f2f1;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: #323130;
- background: #f3f2f1;
- }
- .p-listbox.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- border-color: #0078d4;
- }
-
- p-listbox.ng-dirty.ng-invalid > .p-listbox {
- border-color: #a4252c;
- }
-
- .p-multiselect {
- background: #ffffff;
- border: 1px solid #605e5c;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 2px;
- }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #323130;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- border-color: #0078d4;
- }
- .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: #605e5c;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #edebe9;
- color: #323130;
- 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: #605e5c;
- width: 2.357rem;
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px;
- }
- .p-multiselect.p-variant-filled {
- background: #faf9f8;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #faf9f8;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #faf9f8;
- }
-
- .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: #605e5c;
- right: 2.357rem;
- }
-
- .p-multiselect-panel {
- background: #ffffff;
- color: #323130;
- border: 0 none;
- border-radius: 2px;
- box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
- }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.75rem 0.5rem;
- border-bottom: 1px solid #edebe9;
- color: #323130;
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
- }
- .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: #605e5c;
- }
- .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: #605e5c;
- border: 0 none;
- background: transparent;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: #605e5c;
- border-color: transparent;
- background: #f3f2f1;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.75rem 0.5rem;
- border: 1px solid transparent;
- color: #323130;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #323130;
- background: #edebe9;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: #e1dfdd;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #323130;
- background: #f3f2f1;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #323130;
- background: #f3f2f1;
- }
- .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 0.5rem;
- color: #0078d4;
- background: #ffffff;
- font-weight: 600;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.75rem 0.5rem;
- color: #323130;
- background: transparent;
- }
-
- .p-input-filled .p-multiselect {
- background: #faf9f8;
- }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: #faf9f8;
- }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
- background-color: #faf9f8;
- }
-
- p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
- border-color: #a4252c;
- }
-
- p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext {
- border-color: #a4252c;
- }
-
- .p-password-panel {
- padding: 1rem;
- background: #ffffff;
- color: #323130;
- border: 0 none;
- box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
- border-radius: 2px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #edebe9;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #d13438;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #ffaa44;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #498205;
- }
-
- p-password.p-password-clearable .p-password-input {
- padding-right: 2rem;
- }
- p-password.p-password-clearable .p-password-clear-icon {
- color: #605e5c;
- 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: #605e5c;
- right: 2rem;
- }
-
- .p-radiobutton {
- width: 20px;
- height: 20px;
- }
- .p-radiobutton .p-radiobutton-box {
- border: 1px solid #605e5c;
- background: #ffffff;
- width: 20px;
- height: 20px;
- color: #323130;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: #323130;
- }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- border-color: #0078d4;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.2s;
- background-color: #0078d4;
- }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #0078d4;
- background: #ffffff;
- }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #005a9e;
- background: #ffffff;
- color: #005a9e;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #faf9f8;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #faf9f8;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight {
- background: #ffffff;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #ffffff;
- }
-
- p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
- border-color: #a4252c;
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #faf9f8;
- }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #faf9f8;
- }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
- background: #ffffff;
- }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #ffffff;
- }
-
- .p-radiobutton-label {
- margin-left: 0.5rem;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- border-radius: 50%;
- outline-color: transparent;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- }
- .p-rating .p-rating-item .p-rating-icon {
- color: #323130;
- 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: #a4252c;
- }
- .p-rating .p-rating-item.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #323130;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #0078d4;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #a4252c;
- }
-
- .p-selectbutton .p-button {
- background: #ffffff;
- border: 1px solid #605e5c;
- color: #323130;
- 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: #605e5c;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #f3f2f1;
- border-color: #605e5c;
- color: #323130;
- }
- .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: #605e5c;
- }
- .p-selectbutton .p-button.p-highlight {
- background: #edebe9;
- border-color: #605e5c;
- color: #323130;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #323130;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #edebe9;
- border-color: #605e5c;
- color: #323130;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #323130;
- }
-
- p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
- border-color: #a4252c;
- }
-
- .p-slider {
- background: #c8c6c4;
- border: 0 none;
- border-radius: 2px;
- }
- .p-slider.p-slider-horizontal {
- height: 4px;
- }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -8px;
- margin-left: -8px;
- }
- .p-slider.p-slider-vertical {
- height: 100%;
- width: 4px;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- height: 16px;
- width: 16px;
- margin-left: -8px;
- margin-bottom: -8px;
- }
- .p-slider .p-slider-handle {
- height: 16px;
- width: 16px;
- background: #ffffff;
- border: 2px solid #605e5c;
- 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: inset 0 0 0 1px #605e5c;
- }
- .p-slider .p-slider-range {
- background: #605e5c;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #ffffff;
- border-color: #005a9e;
- }
- .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 #605e5c;
- color: #323130;
- 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: #605e5c;
- }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #f3f2f1;
- border-color: #605e5c;
- color: #323130;
- }
- .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: #605e5c;
- }
- .p-togglebutton.p-button.p-highlight {
- background: #edebe9;
- border-color: #605e5c;
- color: #323130;
- }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: #323130;
- }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #edebe9;
- border-color: #605e5c;
- color: #323130;
- }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: #323130;
- }
-
- p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
- border-color: #a4252c;
- }
-
- .p-treeselect {
- background: #ffffff;
- border: 1px solid #605e5c;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 2px;
- }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #323130;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- border-color: #0078d4;
- }
- .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: #605e5c;
- }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #edebe9;
- color: #323130;
- border-radius: 16px;
- }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #605e5c;
- width: 2.357rem;
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px;
- }
- .p-treeselect.p-variant-filled {
- background-color: #faf9f8;
- }
- .p-treeselect.p-variant-filled:enabled:hover {
- background-color: #faf9f8;
- }
- .p-treeselect.p-variant-filled:enabled:focus {
- background-color: #faf9f8;
- }
-
- p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
- border-color: #a4252c;
- }
-
- .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.5rem;
- }
-
- .p-treeselect-panel {
- background: #ffffff;
- color: #323130;
- border: 0 none;
- border-radius: 2px;
- box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
- }
- .p-treeselect-panel .p-treeselect-header {
- padding: 0.75rem 0.5rem;
- border-bottom: 1px solid #edebe9;
- color: #323130;
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
- }
- .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: #605e5c;
- }
- .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: #605e5c;
- border: 0 none;
- background: transparent;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover {
- color: #605e5c;
- border-color: transparent;
- background: #f3f2f1;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none;
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.75rem 0.5rem;
- color: #323130;
- background: transparent;
- }
-
- .p-input-filled .p-treeselect {
- background: #faf9f8;
- }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #faf9f8;
- }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #faf9f8;
- }
-
- p-treeselect.p-treeselect-clearable .p-treeselect-label-container {
- padding-right: 1.5rem;
- }
- p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
- color: #605e5c;
- right: 2.357rem;
- }
-
- .p-button {
- color: #ffffff;
- background: #0078d4;
- border: 1px solid #0078d4;
- 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: 2px;
- outline-color: transparent;
- }
- .p-button:not(:disabled):hover {
- background: #106ebe;
- color: #ffffff;
- border-color: #106ebe;
- }
- .p-button:not(:disabled):active {
- background: #005a9e;
- color: #ffffff;
- border-color: #005a9e;
- }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #0078d4;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(0, 120, 212, 0.04);
- color: #0078d4;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(0, 120, 212, 0.16);
- color: #0078d4;
- border: 1px solid;
- }
- .p-button.p-button-outlined.p-button-plain {
- color: #605e5c;
- border-color: #605e5c;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
- background: #f3f2f1;
- color: #605e5c;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
- background: #edebe9;
- color: #605e5c;
- }
- .p-button.p-button-text {
- background-color: transparent;
- color: #0078d4;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(0, 120, 212, 0.04);
- color: #0078d4;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(0, 120, 212, 0.16);
- color: #0078d4;
- border-color: transparent;
- }
- .p-button.p-button-text.p-button-plain {
- color: #605e5c;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):hover {
- background: #f3f2f1;
- color: #605e5c;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):active {
- background: #edebe9;
- color: #605e5c;
- }
- .p-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .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: #0078d4;
- background-color: #ffffff;
- }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
- .p-button.p-button-rounded {
- border-radius: 2rem;
- }
- .p-button.p-button-icon-only {
- width: 2.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-button-group {
- display: flex;
- }
- .p-fluid .p-button-group .p-button {
- flex: 1;
- }
-
- .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
- color: #ffffff;
- background: #d45c00;
- border: 1px solid #d45c00;
- }
- .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
- background: #bf5300;
- color: #ffffff;
- border-color: #bf5300;
- }
- .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.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 #ffbc88;
- }
- .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
- background: #aa4a00;
- color: #ffffff;
- border-color: #aa4a00;
- }
- .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #d45c00;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.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(212, 92, 0, 0.04);
- color: #d45c00;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.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(212, 92, 0, 0.16);
- color: #d45c00;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #d45c00;
- border-color: transparent;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.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(212, 92, 0, 0.04);
- border-color: transparent;
- color: #d45c00;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.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(212, 92, 0, 0.16);
- border-color: transparent;
- color: #d45c00;
- }
-
- .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
- color: #ffffff;
- background: #00b7c3;
- border: 1px solid #00b7c3;
- }
- .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
- background: #00a5b0;
- color: #ffffff;
- border-color: #00a5b0;
- }
- .p-button.p-button-info:not(:disabled):focus, .p-button-group.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 #81f7ff;
- }
- .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
- background: #00929c;
- color: #ffffff;
- border-color: #00929c;
- }
- .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #00b7c3;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.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(0, 183, 195, 0.04);
- color: #00b7c3;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.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(0, 183, 195, 0.16);
- color: #00b7c3;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #00b7c3;
- border-color: transparent;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.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(0, 183, 195, 0.04);
- border-color: transparent;
- color: #00b7c3;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.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(0, 183, 195, 0.16);
- border-color: transparent;
- color: #00b7c3;
- }
-
- .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
- color: #ffffff;
- background: #498205;
- border: 1px solid #498205;
- }
- .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
- background: #427505;
- color: #ffffff;
- border-color: #427505;
- }
- .p-button.p-button-success:not(:disabled):focus, .p-button-group.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 #baf96f;
- }
- .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
- background: #3a6804;
- color: #ffffff;
- border-color: #3a6804;
- }
- .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #498205;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.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(73, 130, 5, 0.04);
- color: #498205;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.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(73, 130, 5, 0.16);
- color: #498205;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #498205;
- border-color: transparent;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.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(73, 130, 5, 0.04);
- border-color: transparent;
- color: #498205;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.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(73, 130, 5, 0.16);
- border-color: transparent;
- color: #498205;
- }
-
- .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
- color: #323130;
- background: #ffaa44;
- border: 1px solid #ffaa44;
- }
- .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
- background: #ff9b24;
- color: #323130;
- border-color: #ff9b24;
- }
- .p-button.p-button-warning:not(:disabled):focus, .p-button-group.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 #ffddb4;
- }
- .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
- background: #ff8d03;
- color: #323130;
- border-color: #ff8d03;
- }
- .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ffaa44;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.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, 170, 68, 0.04);
- color: #ffaa44;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.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, 170, 68, 0.16);
- color: #ffaa44;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #ffaa44;
- border-color: transparent;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.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, 170, 68, 0.04);
- border-color: transparent;
- color: #ffaa44;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.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, 170, 68, 0.16);
- border-color: transparent;
- color: #ffaa44;
- }
-
- .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
- color: #ffffff;
- background: #8378de;
- border: 1px solid #8378de;
- }
- .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
- background: #6a5dd7;
- color: #ffffff;
- border-color: #6a5dd7;
- }
- .p-button.p-button-help:not(:disabled):focus, .p-button-group.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 #cdc9f2;
- }
- .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
- background: #5141d1;
- color: #ffffff;
- border-color: #5141d1;
- }
- .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #8378de;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.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(131, 120, 222, 0.04);
- color: #8378de;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.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(131, 120, 222, 0.16);
- color: #8378de;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #8378de;
- border-color: transparent;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.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(131, 120, 222, 0.04);
- border-color: transparent;
- color: #8378de;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.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(131, 120, 222, 0.16);
- border-color: transparent;
- color: #8378de;
- }
-
- .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
- color: #ffffff;
- background: #d13438;
- border: 1px solid #d13438;
- }
- .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
- background: #c02b2f;
- color: #ffffff;
- border-color: #c02b2f;
- }
- .p-button.p-button-danger:not(:disabled):focus, .p-button-group.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 #edaeaf;
- }
- .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
- background: #aa272a;
- color: #ffffff;
- border-color: #aa272a;
- }
- .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #d13438;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.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(209, 52, 56, 0.04);
- color: #d13438;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.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(209, 52, 56, 0.16);
- color: #d13438;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #d13438;
- border-color: transparent;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.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(209, 52, 56, 0.04);
- border-color: transparent;
- color: #d13438;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.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(209, 52, 56, 0.16);
- border-color: transparent;
- color: #d13438;
- }
-
- .p-button.p-button-link {
- color: #0078d4;
- background: transparent;
- border: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #005a9e;
- 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 1px #605e5c;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #0078d4;
- 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: inset 0 0 0 1px #605e5c;
- }
-
- .p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: #323130;
- color: #ffffff;
- }
- .p-speeddial-action:hover {
- background: #605e5c;
- color: #ffffff;
- }
-
- .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: 2px;
- }
- .p-splitbutton.p-button-rounded {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-rounded > .p-button {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
- width: 2rem;
- height: 2rem;
- color: #605e5c;
- border: 0 none;
- background: transparent;
- border-radius: 2px;
- 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: #605e5c;
- border-color: transparent;
- background: #f3f2f1;
- }
- .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: inset 0 0 0 1px #605e5c;
- }
- .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: #c8c6c4;
- 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: #e1dfdd;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: #edebe9;
- color: #323130;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-datatable-header {
- background: #ffffff;
- color: #323130;
- border: 1px solid #f3f2f1;
- border-width: 1px 0 1px 0;
- padding: 0.75rem 0.75rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-footer {
- background: #ffffff;
- color: #323130;
- border: 1px solid #f3f2f1;
- border-width: 0 0 1px 0;
- padding: 0.75rem 0.75rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-thead > tr > th {
- text-align: left;
- padding: 0.75rem 0.75rem;
- border: 1px solid #f3f2f1;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #323130;
- background: #ffffff;
- transition: box-shadow 0.2s;
- }
- .p-datatable .p-datatable-tfoot > tr > td {
- text-align: left;
- padding: 0.75rem 0.75rem;
- border: 1px solid #f3f2f1;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #323130;
- background: #ffffff;
- }
- .p-datatable .p-sortable-column .p-sortable-column-icon {
- color: #605e5c;
- 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: #323130;
- background: #edebe9;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover {
- background: #f3f2f1;
- color: #323130;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #605e5c;
- }
- .p-datatable .p-sortable-column.p-highlight {
- background: #edebe9;
- color: #323130;
- }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #323130;
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: #f3f2f1;
- color: #323130;
- }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #323130;
- }
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: inset 0 0 0 0.15rem #605e5c;
- outline: 0 none;
- }
- .p-datatable .p-datatable-tbody > tr {
- background: #ffffff;
- color: #323130;
- transition: box-shadow 0.2s;
- }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #f3f2f1;
- border-width: 0 0 1px 0;
- padding: 0.75rem 0.75rem;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 2rem;
- height: 2rem;
- color: #605e5c;
- border: 0 none;
- background: transparent;
- border-radius: 2px;
- 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: #605e5c;
- border-color: transparent;
- background: #f3f2f1;
- }
- .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: inset 0 0 0 1px #605e5c;
- }
- .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 #605e5c;
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #edebe9;
- color: #323130;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #edebe9;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #edebe9;
- }
- .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
- background: #f3f2f1;
- color: #323130;
- }
- .p-datatable .p-column-resizer-helper {
- background: #0078d4;
- }
- .p-datatable .p-datatable-scrollable-header,
-.p-datatable .p-datatable-scrollable-footer {
- background: #faf9f8;
- }
- .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: #ffffff;
- }
- .p-datatable .p-datatable-loading-icon {
- font-size: 2rem;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 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: #faf9f8;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: #edebe9;
- color: #323130;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: #323130;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: #323130;
- }
- .p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.375rem 0.375rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.375rem 0.375rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.375rem 0.375rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.375rem 0.375rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.375rem 0.375rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-header {
- padding: 0.9375rem 0.9375rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 0.9375rem 0.9375rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 0.9375rem 0.9375rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 0.9375rem 0.9375rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 0.9375rem 0.9375rem;
- }
-
- .p-dataview .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-dataview-header {
- background: #ffffff;
- color: #323130;
- border: 1px solid #f3f2f1;
- border-width: 1px 0 1px 0;
- padding: 0.75rem 0.75rem;
- font-weight: 600;
- }
- .p-dataview .p-dataview-content {
- background: #ffffff;
- color: #323130;
- border: 0 none;
- padding: 0;
- }
- .p-dataview .p-dataview-footer {
- background: #ffffff;
- color: #323130;
- border: 1px solid #f3f2f1;
- border-width: 0 0 1px 0;
- padding: 0.75rem 0.75rem;
- font-weight: 600;
- border-bottom-left-radius: 2px;
- border-bottom-right-radius: 2px;
- }
- .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: #605e5c;
- border: 0 none;
- background: transparent;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-column-filter-menu-button:hover {
- color: #605e5c;
- border-color: transparent;
- background: #f3f2f1;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: #f3f2f1;
- color: #605e5c;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: #edebe9;
- color: #323130;
- }
- .p-column-filter-menu-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
-
- .p-column-filter-clear-button {
- width: 2rem;
- height: 2rem;
- color: #605e5c;
- border: 0 none;
- background: transparent;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-column-filter-clear-button:hover {
- color: #605e5c;
- border-color: transparent;
- background: #f3f2f1;
- }
- .p-column-filter-clear-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
-
- .p-column-filter-overlay {
- background: #ffffff;
- color: #323130;
- border: 0 none;
- border-radius: 2px;
- box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
- min-width: 12.5rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.75rem 0.5rem;
- border: 1px solid transparent;
- color: #323130;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
- margin-top: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #323130;
- background: #edebe9;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #323130;
- background: #f3f2f1;
- }
- .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 #605e5c;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #edebe9;
- margin: 0.25rem 0;
- }
-
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0.75rem 0.5rem;
- border-bottom: 1px solid #edebe9;
- color: #323130;
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 1rem;
- border-bottom: 1px solid #edebe9;
- }
- .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 #a19f9d;
- border-radius: 2px;
- 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: inset 0 0 0 1px #605e5c;
- border-color: #0078d4;
- }
- .p-orderlist .p-orderlist-header {
- color: #323130;
- 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 #a19f9d;
- 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: #605e5c;
- }
- .p-orderlist .p-orderlist-list {
- color: #323130;
- padding: 0;
- outline: 0 none;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border-top: 1px solid #a19f9d;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.75rem 0.5rem;
- margin: 0;
- border: 1px solid transparent;
- color: #323130;
- background: transparent;
- transition: box-shadow 0.2s;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
- margin-top: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: #f3f2f1;
- color: #323130;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
- color: #323130;
- background: #e1dfdd;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #323130;
- background: #edebe9;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: #e1dfdd;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-empty-message {
- padding: 0.75rem 0.5rem;
- color: #323130;
- }
- .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover {
- background: #f3f2f1;
- color: #323130;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
- background: #faf9f8;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
- background: #f3f2f1;
- }
-
- .p-orderlist-item.cdk-drag-preview {
- padding: 0.75rem 0.5rem;
- box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
- border: 1px solid transparent;
- color: #323130;
- background: #ffffff;
- margin: 0;
- }
-
- .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
- background: #f3f2f1;
- color: #323130;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight {
- background: #edebe9;
- color: #323130;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #b4aba3;
- }
- .p-organizationchart .p-organizationchart-line-down {
- background: #a19f9d;
- }
- .p-organizationchart .p-organizationchart-line-left {
- border-right: 1px solid #a19f9d;
- border-color: #a19f9d;
- }
- .p-organizationchart .p-organizationchart-line-top {
- border-top: 1px solid #a19f9d;
- border-color: #a19f9d;
- }
- .p-organizationchart .p-organizationchart-node-content {
- border: 1px solid #a19f9d;
- background: #ffffff;
- color: #323130;
- 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: inset 0 0 0 1px #605e5c;
- }
-
- .p-paginator {
- background: #ffffff;
- color: #605e5c;
- border: solid #f3f2f1;
- border-width: 0;
- padding: 0.5rem 1rem;
- border-radius: 2px;
- }
- .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: #605e5c;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0.143rem;
- transition: box-shadow 0.2s;
- border-radius: 2px;
- }
- .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: #f3f2f1;
- border-color: transparent;
- color: #323130;
- }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 2px;
- border-bottom-left-radius: 2px;
- }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px;
- }
- .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: #605e5c;
- 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: #605e5c;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0.143rem;
- transition: box-shadow 0.2s;
- border-radius: 2px;
- }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #edebe9;
- border-color: #edebe9;
- color: #323130;
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: #f3f2f1;
- border-color: transparent;
- color: #323130;
- }
-
- .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 #a19f9d;
- border-radius: 2px;
- 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: inset 0 0 0 1px #605e5c;
- border-color: #0078d4;
- }
- .p-picklist .p-picklist-header {
- color: #323130;
- 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 #a19f9d;
- 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: #605e5c;
- }
- .p-picklist .p-picklist-list {
- color: #323130;
- padding: 0;
- outline: 0 none;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border-top: 1px solid #a19f9d;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.75rem 0.5rem;
- margin: 0;
- border: 1px solid transparent;
- color: #323130;
- background: transparent;
- transition: box-shadow 0.2s;
- }
- .p-picklist .p-picklist-list .p-picklist-item:first-child {
- margin-top: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: #f3f2f1;
- color: #323130;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-focus {
- color: #323130;
- background: #e1dfdd;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #323130;
- background: #edebe9;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: #e1dfdd;
- }
- .p-picklist .p-picklist-list .p-picklist-empty-message {
- padding: 0.75rem 0.5rem;
- color: #323130;
- }
- .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover {
- background: #f3f2f1;
- color: #323130;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
- background: #faf9f8;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
- background: #f3f2f1;
- }
-
- .p-picklist-item.cdk-drag-preview {
- padding: 0.75rem 0.5rem;
- box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
- border: 1px solid transparent;
- color: #323130;
- background: #ffffff;
- margin: 0;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 0 none;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #0078d4;
- }
- .p-timeline .p-timeline-event-connector {
- background-color: #a19f9d;
- }
- .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 #a19f9d;
- background: #ffffff;
- color: #323130;
- padding: 1rem;
- border-radius: 2px;
- }
- .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 #605e5c;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 2px;
- transition: 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: #605e5c;
- border: 0 none;
- background: transparent;
- border-radius: 2px;
- 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: #605e5c;
- border-color: transparent;
- background: #f3f2f1;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #605e5c;
- }
- .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: #323130;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #faf9f8;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
- background: #0078d4;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
- background-color: #faf9f8;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
- background: #005a9e;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #edebe9;
- color: #323130;
- }
- .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: #323130;
- }
- .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: #323130;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: #f3f2f1;
- color: #323130;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
- background: #f3f2f1;
- color: #323130;
- }
- .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: #605e5c;
- }
- .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: #c3bcb5;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content {
- border-radius: 2px;
- border: 1px solid #a19f9d;
- background-color: #ffffff;
- color: #323130;
- padding: 0.5rem;
- transition: box-shadow 0.2s;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight {
- background-color: #edebe9;
- color: #323130;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #323130;
- }
- .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: #605e5c;
- 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: #f3f2f1;
- color: #323130;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-treetable-header {
- background: #ffffff;
- color: #323130;
- border: 1px solid #f3f2f1;
- border-width: 1px 0 1px 0;
- padding: 0.75rem 0.75rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-footer {
- background: #ffffff;
- color: #323130;
- border: 1px solid #f3f2f1;
- border-width: 0 0 1px 0;
- padding: 0.75rem 0.75rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-thead > tr > th {
- text-align: left;
- padding: 0.75rem 0.75rem;
- border: 1px solid #f3f2f1;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #323130;
- background: #ffffff;
- transition: box-shadow 0.2s;
- }
- .p-treetable .p-treetable-tfoot > tr > td {
- text-align: left;
- padding: 0.75rem 0.75rem;
- border: 1px solid #f3f2f1;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #323130;
- background: #ffffff;
- }
- .p-treetable .p-sortable-column {
- outline-color: #605e5c;
- }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #605e5c;
- 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: #323130;
- background: #edebe9;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: #f3f2f1;
- color: #323130;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #605e5c;
- }
- .p-treetable .p-sortable-column.p-highlight {
- background: #edebe9;
- color: #323130;
- }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #323130;
- }
- .p-treetable .p-treetable-tbody > tr {
- background: #ffffff;
- color: #323130;
- transition: box-shadow 0.2s;
- }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #f3f2f1;
- border-width: 0 0 1px 0;
- padding: 0.75rem 0.75rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: #605e5c;
- border: 0 none;
- background: transparent;
- border-radius: 2px;
- 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: #605e5c;
- border-color: transparent;
- background: #f3f2f1;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .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: #323130;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #faf9f8;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
- background: #0078d4;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
- background-color: #faf9f8;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
- background: #005a9e;
- }
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid #605e5c;
- outline-offset: -0.15rem;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #edebe9;
- color: #323130;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #323130;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #323130;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
- background: #f3f2f1;
- color: #323130;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #323130;
- }
- .p-treetable .p-column-resizer-helper {
- background: #0078d4;
- }
- .p-treetable .p-treetable-scrollable-header,
-.p-treetable .p-treetable-scrollable-footer {
- background: #faf9f8;
- }
- .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.65625rem 0.65625rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.375rem 0.375rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.375rem 0.375rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.375rem 0.375rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.375rem 0.375rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-header {
- padding: 0.9375rem 0.9375rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 0.9375rem 0.9375rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 0.9375rem 0.9375rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 0.9375rem 0.9375rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 0.9375rem 0.9375rem;
- }
-
- .p-virtualscroller .p-virtualscroller-header {
- background: #ffffff;
- color: #323130;
- border: 1px solid #f3f2f1;
- border-width: 1px 0 1px 0;
- padding: 0.75rem 0.75rem;
- font-weight: 600;
- }
- .p-virtualscroller .p-virtualscroller-content {
- background: #ffffff;
- color: #323130;
- border: 0 none;
- padding: 0;
- }
- .p-virtualscroller .p-virtualscroller-footer {
- background: #ffffff;
- color: #323130;
- border: 1px solid #f3f2f1;
- border-width: 0 0 1px 0;
- padding: 0.75rem 0.75rem;
- font-weight: 600;
- border-bottom-left-radius: 2px;
- border-bottom-right-radius: 2px;
- }
-
- .p-accordion .p-accordion-header .p-accordion-header-link {
- padding: 1rem;
- border: 1px solid #a19f9d;
- color: #323130;
- background: #faf9f8;
- font-weight: 600;
- border-radius: 2px;
- transition: 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 inset 0 0 0 1px #605e5c;
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: #f3f2f1;
- border-color: #a19f9d;
- color: #323130;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
- background: #faf9f8;
- border-color: #a19f9d;
- color: #323130;
- 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: #a19f9d;
- background: #f3f2f1;
- color: #323130;
- }
- .p-accordion .p-accordion-content {
- padding: 1rem;
- border: 1px solid #a19f9d;
- background: #ffffff;
- color: #323130;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px;
- }
- .p-accordion p-accordiontab .p-accordion-tab {
- margin-bottom: 4px;
- }
-
- .p-card {
- background: #ffffff;
- color: #323130;
- box-shadow: rgba(0, 0, 0, 0.133) 0px 1.6px 3.6px 0px, rgba(0, 0, 0, 0.11) 0px 0.3px 0.9px 0px;
- border-radius: 2px;
- }
- .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: 400;
- margin-bottom: 0.5rem;
- color: #605e5c;
- }
- .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 #edebe9;
- }
- .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 #edebe9;
- }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0;
- }
-
- .p-fieldset {
- border: 1px solid #a19f9d;
- background: #ffffff;
- color: #323130;
- border-radius: 2px;
- }
- .p-fieldset .p-fieldset-legend {
- padding: 1rem;
- border: 1px solid #a19f9d;
- color: #323130;
- background: #faf9f8;
- font-weight: 600;
- border-radius: 2px;
- }
- .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: #323130;
- border-radius: 2px;
- transition: 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: inset 0 0 0 1px #605e5c;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: #f3f2f1;
- border-color: #a19f9d;
- color: #323130;
- }
- .p-fieldset .p-fieldset-content {
- padding: 1rem;
- }
-
- .p-panel .p-panel-header {
- border: 1px solid #a19f9d;
- padding: 1rem;
- background: #faf9f8;
- color: #323130;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
- }
- .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: #605e5c;
- border: 0 none;
- background: transparent;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #605e5c;
- border-color: transparent;
- background: #f3f2f1;
- }
- .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.5rem 1rem;
- }
- .p-panel .p-panel-content {
- padding: 1rem;
- border: 1px solid #a19f9d;
- background: #ffffff;
- color: #323130;
- border-top: 0 none;
- }
- .p-panel .p-panel-content:last-child {
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px;
- }
- .p-panel .p-panel-footer {
- padding: 0.5rem 1rem;
- border: 1px solid #a19f9d;
- background: #ffffff;
- color: #323130;
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px;
- 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: #f3f2f1;
- 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: inset 0 0 0 1px #605e5c;
- }
-
- .p-splitter {
- border: 1px solid #a19f9d;
- background: #ffffff;
- border-radius: 2px;
- color: #323130;
- }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: #faf9f8;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #edebe9;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .p-splitter .p-splitter-gutter-resizing {
- background: #edebe9;
- }
-
- .p-tabview .p-tabview-nav-content {
- scroll-padding-inline: 2.357rem;
- }
- .p-tabview .p-tabview-nav {
- background: #ffffff;
- border: 0 none;
- 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 #a19f9d;
- border-width: 0 0 2px 0;
- border-color: transparent transparent transparent transparent;
- background: #ffffff;
- color: #605e5c;
- padding: 1rem;
- font-weight: 600;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
- transition: box-shadow 0.2s;
- margin: 0 0.5rem -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 inset 0 0 0 1px #605e5c;
- }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #f3f2f1;
- border-color: transparent;
- color: #605e5c;
- }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #ffffff;
- border-color: #0078d4;
- color: #323130;
- }
- .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: #323130;
- width: 2.357rem;
- 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);
- border-radius: 0;
- }
- .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset inset 0 0 0 1px #605e5c;
- }
- .p-tabview .p-tabview-panels {
- background: #ffffff;
- padding: 1rem;
- border: 0 none;
- color: #323130;
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px;
- }
-
- .p-toolbar {
- background: #faf9f8;
- border: 1px solid #a19f9d;
- padding: 1rem;
- border-radius: 2px;
- gap: 0.5rem;
- }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem;
- }
-
- .p-stepper .p-stepper-nav {
- position: relative;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow-x: auto;
- }
-
- .p-stepper-vertical .p-stepper-nav {
- flex-direction: column;
- }
-
- .p-stepper-header {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- align-items: center;
- }
- .p-stepper-header:last-of-type {
- flex: initial;
- }
-
- .p-stepper-header .p-stepper-action {
- border: 0 none;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- cursor: pointer;
- }
- .p-stepper-header .p-stepper-action:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
-
- .p-stepper.p-stepper-readonly .p-stepper-header {
- cursor: auto;
- }
-
- .p-stepper-header.p-highlight .p-stepper-action {
- cursor: default;
- }
-
- .p-stepper-title {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-stepper-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-stepper-separator {
- flex: 1 1 0;
- }
-
- .p-stepper .p-stepper-nav {
- display: flex;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .p-stepper .p-stepper-header {
- padding: 0.5rem;
- }
- .p-stepper .p-stepper-header .p-stepper-action {
- transition: box-shadow 0.2s;
- border-radius: 2px;
- background: #ffffff;
- outline-color: transparent;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- color: #323130;
- border: 1px solid #f3f2f1;
- border-width: 2px;
- background: #ffffff;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
- margin-left: 0.5rem;
- color: #605e5c;
- font-weight: 600;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #edebe9;
- color: #323130;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #323130;
- }
- .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .p-stepper .p-stepper-panels {
- background: #ffffff;
- padding: 1rem;
- color: #323130;
- }
- .p-stepper .p-stepper-separator {
- background-color: #a19f9d;
- width: 100%;
- height: 2px;
- margin-inline-start: 1rem;
- transition: box-shadow 0.2s;
- }
- .p-stepper.p-stepper-vertical {
- display: flex;
- flex-direction: column;
- }
- .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
- display: flex;
- flex: 1 1 auto;
- background: #ffffff;
- color: #323130;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel {
- display: flex;
- flex-direction: column;
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
- flex: 1 1 auto;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
- width: 100%;
- padding-left: 1rem;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
- flex: 0 0 auto;
- width: 2px;
- height: auto;
- margin-inline-start: calc(1.75rem + 2px);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
- padding-left: 3rem;
- }
-
- .p-confirm-popup {
- background: #ffffff;
- color: #323130;
- border: 0 none;
- border-radius: 2px;
- box-shadow: rgba(0, 0, 0, 0.133) 0px 6.4px 14.4px 0px, rgba(0, 0, 0, 0.11) 0px 1.2px 3.6px 0px;
- }
- .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: 2px;
- box-shadow: rgba(0, 0, 0, 0.133) 0px 6.4px 14.4px 0px, rgba(0, 0, 0, 0.11) 0px 1.2px 3.6px 0px;
- border: 0 none;
- }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #ffffff;
- color: #323130;
- padding: 1.5rem;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
- }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.5rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: #605e5c;
- border: 0 none;
- background: transparent;
- border-radius: 2px;
- 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: #605e5c;
- border-color: transparent;
- background: #f3f2f1;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0;
- }
- .p-dialog .p-dialog-content {
- background: #ffffff;
- color: #323130;
- padding: 0 1.5rem 2rem 1.5rem;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px;
- }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #ffffff;
- color: #323130;
- padding: 0 1.5rem 1.5rem 1.5rem;
- text-align: right;
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px;
- }
- .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: #323130;
- border: 0 none;
- border-radius: 2px;
- box-shadow: rgba(0, 0, 0, 0.133) 0px 6.4px 14.4px 0px, rgba(0, 0, 0, 0.11) 0px 1.2px 3.6px 0px;
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 1rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- background: #0078d4;
- color: #ffffff;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 2px;
- position: absolute;
- top: -1rem;
- right: -1rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #106ebe;
- color: #ffffff;
- }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff;
- }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #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: #323130;
- border: 0 none;
- box-shadow: rgba(0, 0, 0, 0.133) 0px 6.4px 14.4px 0px, rgba(0, 0, 0, 0.11) 0px 1.2px 3.6px 0px;
- }
- .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: #605e5c;
- border: 0 none;
- background: transparent;
- border-radius: 2px;
- 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: #605e5c;
- border-color: transparent;
- background: #f3f2f1;
- }
- .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: inset 0 0 0 1px #605e5c;
- }
- .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: #ffffff;
- color: #323130;
- padding: 0.5rem 0.5rem;
- box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
- border-radius: 2px;
- }
- .p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #ffffff;
- }
- .p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #ffffff;
- }
- .p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #ffffff;
- }
- .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #ffffff;
- }
-
- .p-fileupload .p-fileupload-buttonbar {
- background: #faf9f8;
- padding: 1rem;
- border: 1px solid #a19f9d;
- color: #323130;
- border-bottom: 0 none;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
- }
- .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: inset 0 0 0 1px #605e5c;
- }
- .p-fileupload .p-fileupload-content {
- background: #ffffff;
- padding: 2rem 1rem;
- border: 1px solid #a19f9d;
- color: #323130;
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px;
- }
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- border-color: 1px dashed #0078d4;
- border-style: dashed;
- background-color: #edebe9;
- }
- .p-fileupload .p-progressbar {
- height: 2px;
- }
- .p-fileupload .p-fileupload-row > div {
- padding: 0.75rem 0.75rem;
- }
- .p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0;
- }
-
- .p-fileupload-choose:not(.p-disabled):hover {
- background: #106ebe;
- color: #ffffff;
- border-color: #106ebe;
- }
- .p-fileupload-choose:not(.p-disabled):active {
- background: #005a9e;
- color: #ffffff;
- border-color: #005a9e;
- }
-
- .p-breadcrumb {
- background: #ffffff;
- border: 1px solid #eeeeee;
- border-radius: 2px;
- padding: 1rem;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
- transition: box-shadow 0.2s;
- border-radius: 2px;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
- color: #0078d4;
- }
- .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
- margin: 0 0.5rem 0 0.5rem;
- color: #323130;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
- color: #323130;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
- color: #0078d4;
- }
-
- .p-contextmenu {
- padding: 0;
- background: #ffffff;
- color: #323130;
- 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: 2px;
- width: 12.5rem;
- }
- .p-contextmenu .p-contextmenu-root-list {
- outline: 0 none;
- }
- .p-contextmenu .p-submenu-list {
- padding: 0;
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 2px;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: #323130;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #323130;
- padding: 0.75rem 0.5rem;
- user-select: none;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #0078d4;
- margin-right: 0.5rem;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #0078d4;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #323130;
- background: #edebe9;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .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: #0078d4;
- }
- .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #e1dfdd;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #323130;
- background: #e1dfdd;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .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: #323130;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #323130;
- background: #f3f2f1;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .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: #0078d4;
- }
- .p-contextmenu .p-menuitem-separator {
- border-top: 1px solid #edebe9;
- 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: 2px;
- }
- .p-dock .p-dock-item.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #605e5c;
- }
- .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: #ffffff;
- color: #323130;
- border: 1px solid #eeeeee;
- border-radius: 2px;
- }
- .p-megamenu .p-megamenu-root-list {
- outline: 0 none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content {
- color: #323130;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #323130;
- padding: 0.75rem 0.5rem;
- user-select: none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #0078d4;
- margin-right: 0.5rem;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #0078d4;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #323130;
- background: #edebe9;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .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: #0078d4;
- }
- .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #e1dfdd;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #323130;
- background: #e1dfdd;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .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: #323130;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #323130;
- background: #f3f2f1;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .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: #0078d4;
- }
- .p-megamenu .p-megamenu-panel {
- background: #ffffff;
- color: #323130;
- 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: 2px;
- }
- .p-megamenu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 0.5rem;
- color: #0078d4;
- background: #ffffff;
- font-weight: 600;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
- }
- .p-megamenu .p-submenu-list {
- padding: 0;
- width: 12.5rem;
- }
- .p-megamenu .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #edebe9;
- margin: 0.25rem 0;
- }
- .p-megamenu.p-megamenu-vertical {
- width: 12.5rem;
- padding: 0;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
- color: #323130;
- transition: box-shadow 0.2s;
- border-radius: 2px;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.75rem 0.5rem;
- user-select: none;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #0078d4;
- 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: #0078d4;
- 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: #323130;
- background: #f3f2f1;
- }
- .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: #323130;
- }
- .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: #0078d4;
- }
-
- .p-menu {
- padding: 0;
- background: #ffffff;
- color: #323130;
- border: 1px solid #eeeeee;
- border-radius: 2px;
- width: 12.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content {
- color: #323130;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #323130;
- padding: 0.75rem 0.5rem;
- user-select: none;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #0078d4;
- margin-right: 0.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #0078d4;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #323130;
- background: #edebe9;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .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: #0078d4;
- }
- .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #e1dfdd;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #323130;
- background: #e1dfdd;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .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: #323130;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #323130;
- background: #f3f2f1;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .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: #0078d4;
- }
- .p-menu.p-menu-overlay {
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 0.5rem;
- color: #0078d4;
- background: #ffffff;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- }
- .p-menu .p-menuitem-separator {
- border-top: 1px solid #edebe9;
- margin: 0.25rem 0;
- }
- .p-menu .p-menuitem-badge {
- background: #0078d4;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- border-radius: 2px;
- margin-left: 0.5rem;
- padding-left: 0.5rem;
- padding-right: 0.5rem;
- }
-
- .p-menubar {
- padding: 0.5rem;
- background: #ffffff;
- color: #323130;
- border: 1px solid #eeeeee;
- border-radius: 2px;
- }
- .p-menubar .p-menubar-root-list {
- outline: 0 none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
- color: #323130;
- transition: box-shadow 0.2s;
- border-radius: 2px;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.75rem 0.5rem;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #0078d4;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #0078d4;
- margin-left: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #323130;
- background: #f3f2f1;
- }
- .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: #323130;
- }
- .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: #0078d4;
- }
- .p-menubar .p-menuitem > .p-menuitem-content {
- color: #323130;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #323130;
- padding: 0.75rem 0.5rem;
- user-select: none;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #0078d4;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #0078d4;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
- color: #323130;
- background: #edebe9;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .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: #0078d4;
- }
- .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #e1dfdd;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #323130;
- background: #e1dfdd;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .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: #323130;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #323130;
- background: #f3f2f1;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .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: #0078d4;
- }
- .p-menubar .p-submenu-list {
- padding: 0;
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- width: 12.5rem;
- border-radius: 2px;
- }
- .p-menubar .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #edebe9;
- 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: #0078d4;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-menubar .p-menubar-button:hover {
- color: #0078d4;
- background: #f3f2f1;
- }
- .p-menubar .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0;
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- width: 100%;
- }
- .p-menubar .p-menubar-root-list .p-menuitem-separator {
- border-top: 1px solid #edebe9;
- 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 #a19f9d;
- color: #323130;
- background: #faf9f8;
- border-radius: 2px;
- transition: box-shadow 0.2s;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #323130;
- 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 inset 0 0 0 1px #605e5c;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: #f3f2f1;
- border-color: #a19f9d;
- color: #323130;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
- background: #faf9f8;
- border-color: #a19f9d;
- color: #323130;
- 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: #a19f9d;
- background: #f3f2f1;
- color: #323130;
- }
- .p-panelmenu .p-panelmenu-content {
- padding: 0;
- border: 1px solid #a19f9d;
- background: #ffffff;
- color: #323130;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px;
- }
- .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
- color: #323130;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #323130;
- padding: 0.75rem 0.5rem;
- user-select: none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #0078d4;
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #0078d4;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
- color: #323130;
- background: #edebe9;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .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: #0078d4;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #e1dfdd;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #323130;
- background: #e1dfdd;
- }
- .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: #323130;
- }
- .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: #323130;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #323130;
- background: #f3f2f1;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .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: #0078d4;
- }
- .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 #edebe9;
- 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: 4px;
- }
-
- .p-slidemenu {
- padding: 0;
- background: #ffffff;
- color: #323130;
- border: 1px solid #eeeeee;
- border-radius: 2px;
- 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: #323130;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #323130;
- padding: 0.75rem 0.5rem;
- user-select: none;
- }
- .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #0078d4;
- margin-right: 0.5rem;
- }
- .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #0078d4;
- }
- .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #323130;
- background: #edebe9;
- }
- .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .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: #0078d4;
- }
- .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #e1dfdd;
- }
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #323130;
- background: #e1dfdd;
- }
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .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: #323130;
- }
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #323130;
- background: #f3f2f1;
- }
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .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: #0078d4;
- }
- .p-slidemenu.p-slidemenu-overlay {
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-slidemenu .p-slidemenu-list {
- padding: 0;
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-slidemenu .p-menuitem-separator {
- border-top: 1px solid #edebe9;
- 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 0.5rem;
- color: #323130;
- }
- .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset inset 0 0 0 1px #605e5c;
- }
- .p-slidemenu .p-menuitem-badge {
- background: #0078d4;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- border-radius: 2px;
- margin-left: 0.5rem;
- padding-left: 0.5rem;
- padding-right: 0.5rem;
- }
-
- .p-steps .p-steps-item .p-menuitem-link {
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 2px;
- background: #ffffff;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #323130;
- border: 1px solid #f3f2f1;
- 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: #605e5c;
- }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #edebe9;
- color: #323130;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 600;
- color: #323130;
- }
- .p-steps .p-steps-item:before {
- content: " ";
- border-top: 1px solid #edebe9;
- width: 100%;
- top: 50%;
- left: 0;
- display: block;
- position: absolute;
- margin-top: -1rem;
- }
-
- .p-tabmenu .p-tabmenu-nav {
- background: #ffffff;
- border: 0 none;
- border-width: 0 0 2px 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-menuitem-badge {
- background: #0078d4;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- border-radius: 2px;
- 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 #a19f9d;
- border-width: 0 0 2px 0;
- border-color: transparent transparent transparent transparent;
- background: #ffffff;
- color: #605e5c;
- padding: 1rem;
- font-weight: 600;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
- transition: box-shadow 0.2s;
- margin: 0 0.5rem -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 inset 0 0 0 1px #605e5c;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #f3f2f1;
- border-color: transparent;
- color: #605e5c;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #ffffff;
- border-color: #0078d4;
- color: #323130;
- }
- .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: #323130;
- width: 2.357rem;
- 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);
- border-radius: 0;
- }
- .p-tabmenu .p-tabmenu-nav-btn.p-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset inset 0 0 0 1px #605e5c;
- }
-
- .p-tieredmenu {
- padding: 0;
- background: #ffffff;
- color: #323130;
- border: 1px solid #eeeeee;
- border-radius: 2px;
- width: 12.5rem;
- }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
- .p-tieredmenu .p-submenu-list {
- padding: 0;
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 2px;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: #323130;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #323130;
- padding: 0.75rem 0.5rem;
- user-select: none;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #0078d4;
- margin-right: 0.5rem;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #0078d4;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #323130;
- background: #edebe9;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .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: #0078d4;
- }
- .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #e1dfdd;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #323130;
- background: #e1dfdd;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .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: #323130;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #323130;
- background: #f3f2f1;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .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: #0078d4;
- }
- .p-tieredmenu .p-menuitem-separator {
- border-top: 1px solid #edebe9;
- 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: 2px;
- }
- .p-inline-message.p-inline-message-info {
- background: #f3f2f1;
- border: 0 none;
- border-width: 0px;
- color: #323130;
- }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #605e5c;
- }
- .p-inline-message.p-inline-message-success {
- background: #dff6dd;
- border: 0 none;
- border-width: 0px;
- color: #323130;
- }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #107c10;
- }
- .p-inline-message.p-inline-message-warn {
- background: #fff4ce;
- border: 0 none;
- border-width: 0px;
- color: #323130;
- }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #797775;
- }
- .p-inline-message.p-inline-message-error {
- background: #fde7e9;
- border: 0 none;
- border-width: 0px;
- color: #323130;
- }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #a80000;
- }
- .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: 90%;
- }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0;
- }
-
- .p-message {
- margin: 1rem 0;
- border-radius: 2px;
- }
- .p-message .p-message-wrapper {
- padding: 0.5rem;
- }
- .p-message .p-message-close {
- width: 2rem;
- height: 2rem;
- border-radius: 2px;
- 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: inset 0 0 0 1px #605e5c;
- }
- .p-message.p-message-info {
- background: #f3f2f1;
- border: 0 none;
- border-width: 0 0 0 6px;
- color: #323130;
- }
- .p-message.p-message-info .p-message-icon {
- color: #605e5c;
- }
- .p-message.p-message-info .p-message-close {
- color: #605e5c;
- }
- .p-message.p-message-success {
- background: #dff6dd;
- border: 0 none;
- border-width: 0 0 0 6px;
- color: #323130;
- }
- .p-message.p-message-success .p-message-icon {
- color: #107c10;
- }
- .p-message.p-message-success .p-message-close {
- color: #107c10;
- }
- .p-message.p-message-warn {
- background: #fff4ce;
- border: 0 none;
- border-width: 0 0 0 6px;
- color: #323130;
- }
- .p-message.p-message-warn .p-message-icon {
- color: #797775;
- }
- .p-message.p-message-warn .p-message-close {
- color: #797775;
- }
- .p-message.p-message-error {
- background: #fde7e9;
- border: 0 none;
- border-width: 0 0 0 6px;
- color: #323130;
- }
- .p-message.p-message-error .p-message-icon {
- color: #a80000;
- }
- .p-message.p-message-error .p-message-close {
- color: #a80000;
- }
- .p-message .p-message-text {
- font-size: 90%;
- font-weight: 500;
- }
- .p-message .p-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-message .p-icon {
- width: 1rem;
- height: 1rem;
- }
- .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 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: 2px;
- }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 0.5rem;
- border-width: 0;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 1rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 1.25rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) {
- width: 1.25rem;
- height: 1.25rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 600;
- }
- .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: 1.25rem;
- height: 1.25rem;
- border-radius: 2px;
- 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: inset 0 0 0 1px #605e5c;
- }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #f3f2f1;
- border: 0 none;
- border-width: 0 0 0 6px;
- color: #323130;
- }
- .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: #605e5c;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #dff6dd;
- border: 0 none;
- border-width: 0 0 0 6px;
- color: #323130;
- }
- .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: #107c10;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #fff4ce;
- border: 0 none;
- border-width: 0 0 0 6px;
- color: #323130;
- }
- .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: #797775;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #fde7e9;
- border: 0 none;
- border-width: 0 0 0 6px;
- color: #323130;
- }
- .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: #a80000;
- }
-
- .p-galleria .p-galleria-close {
- margin: 0.5rem;
- background: transparent;
- color: #faf9f8;
- 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: #faf9f8;
- }
- .p-galleria .p-galleria-item-nav {
- background: transparent;
- color: #faf9f8;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 2px;
- margin: 0 0.5rem;
- }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: #faf9f8;
- }
- .p-galleria .p-galleria-caption {
- background: rgba(0, 0, 0, 0.5);
- color: #faf9f8;
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators {
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #c8c6c4;
- 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: #e1dfdd;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #edebe9;
- color: #323130;
- }
- .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: #edebe9;
- color: #323130;
- }
- .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: #faf9f8;
- 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: #faf9f8;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
-
- .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: #edebe9;
- border-radius: 2px;
- }
- .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: #0078d4;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- }
- .p-badge.p-badge-success {
- background-color: #498205;
- color: #ffffff;
- }
- .p-badge.p-badge-info {
- background-color: #00b7c3;
- color: #ffffff;
- }
- .p-badge.p-badge-warning {
- background-color: #ffaa44;
- color: #323130;
- }
- .p-badge.p-badge-danger {
- background-color: #d13438;
- 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: #edebe9;
- color: #323130;
- 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: 2px;
- 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: inset 0 0 0 1px #605e5c;
- }
- .p-chip .pi-chip-remove-icon:focus {
- outline: 0 none;
- }
-
- .p-inplace .p-inplace-display {
- padding: 0.5rem 0.5rem;
- border-radius: 2px;
- 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: #f3f2f1;
- color: #323130;
- }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
-
- .p-metergroup {
- display: flex;
- }
-
- .p-metergroup-meters {
- display: flex;
- }
-
- .p-metergroup-vertical .p-metergroup-meters {
- flex-direction: column;
- }
-
- .p-metergroup-labels {
- display: flex;
- flex-wrap: wrap;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-metergroup-vertical .p-metergroup-labels {
- align-items: start;
- }
-
- .p-metergroup-labels-vertical {
- flex-direction: column;
- }
-
- .p-metergroup-label {
- display: inline-flex;
- align-items: center;
- }
-
- .p-metergroup-label-marker {
- display: inline-flex;
- }
-
- .p-metergroup {
- gap: 1rem;
- }
- .p-metergroup .p-metergroup-meters {
- background: #edebe9;
- border-radius: 2px;
- }
- .p-metergroup .p-metergroup-meter {
- border: 0 none;
- background: #0078d4;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
- background: #0078d4;
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 100%;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
- gap: 1rem;
- }
- .p-metergroup.p-metergroup-horizontal {
- flex-direction: column;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
- height: 0.5rem;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
- border-top-left-radius: 2px;
- border-bottom-left-radius: 2px;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px;
- }
- .p-metergroup.p-metergroup-vertical {
- flex-direction: row;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
- width: 0.5rem;
- height: 100%;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
- border-top-left-radius: 2px;
- border-top-right-radius: 2px;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
- border-bottom-left-radius: 2px;
- border-bottom-right-radius: 2px;
- }
-
- .p-progressbar {
- border: 0 none;
- height: 2px;
- background: #edebe9;
- border-radius: 2px;
- }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #0078d4;
- }
- .p-progressbar .p-progressbar-label {
- color: #ffffff;
- line-height: 2px;
- }
-
- .p-scrolltop {
- width: 3rem;
- height: 3rem;
- border-radius: 2px;
- box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
- 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: #faf9f8;
- }
- .p-scrolltop .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-skeleton {
- background-color: #edebe9;
- border-radius: 2px;
- }
- .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: #0078d4;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 2px;
- }
- .p-tag.p-tag-success {
- background-color: #498205;
- color: #ffffff;
- }
- .p-tag.p-tag-info {
- background-color: #00b7c3;
- color: #ffffff;
- }
- .p-tag.p-tag-warning {
- background-color: #ffaa44;
- color: #323130;
- }
- .p-tag.p-tag-danger {
- background-color: #d13438;
- 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: #323130;
- border: 1px solid #a19f9d;
- 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 */
-@layer primeng {
- .p-button-label {
- font-weight: 600;
- }
-
- .p-slider:not(.p-disabled):hover {
- background-color: #deecf9;
- }
- .p-slider:not(.p-disabled):hover .p-slider-range {
- background-color: #0078d4;
- }
- .p-slider:not(.p-disabled):hover .p-slider-handle {
- border-color: #005a9e;
- }
-
- .p-inputswitch {
- width: 40px;
- height: 20px;
- }
- .p-inputswitch .p-inputswitch-slider {
- border: 1px solid #605e5c;
- }
- .p-inputswitch .p-inputswitch-slider:before {
- width: 12px;
- height: 12px;
- margin-top: -6px;
- }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- border-color: #323130;
- }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before {
- background-color: #323130;
- }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- border-color: #0078d4;
- }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before {
- background-color: #ffffff;
- }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- border-color: #0078d4;
- }
-
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- order: 1;
- margin: 0 auto 0 0;
- }
- .p-datepicker .p-datepicker-prev {
- order: 2;
- }
- .p-datepicker .p-datepicker-prev .p-datepicker-prev-icon:before {
- content: "\e919";
- }
- .p-datepicker .p-datepicker-next {
- order: 3;
- font-size: 90%;
- }
- .p-datepicker .p-datepicker-next .p-datepicker-next-icon:before {
- content: "\e91c";
- }
- .p-datepicker .p-datepicker-buttonbar {
- border-top: 0 none;
- }
- .p-datepicker .p-timepicker {
- border-top: 0 none;
- }
- .p-datepicker .p-timepicker span {
- font-size: 90%;
- }
- .p-datepicker .p-timepicker .pi-chevron-up:before {
- content: "\e91c";
- }
- .p-datepicker .p-timepicker .pi-chevron-down:before {
- content: "\e919";
- }
- .p-datepicker table {
- font-size: 90%;
- }
- .p-datepicker table td.p-datepicker-today > span {
- border-radius: 50%;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- font-size: 90%;
- color: #323130;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button .p-button-label {
- font-weight: 400;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button:enabled:hover {
- color: #323130;
- background-color: #f3f2f1;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem 0;
- }
-
- .p-datatable {
- font-size: 90%;
- }
-
- .p-toast {
- font-size: 90%;
- }
- .p-toast .p-toast-icon-close-icon {
- font-size: 90%;
- }
-
- .p-message {
- font-size: 90%;
- }
- .p-message .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: #605e5c !important;
- }
-
- .p-menuitem-active .p-submenu-icon {
- color: #323130 !important;
- }
-
- .p-progressbar-label {
- display: none !important;
- }
-
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background-color: #0078d4;
- }
-
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background-color: #0078d4;
- }
-
- .p-inputtext:disabled {
- background-color: #f3f2f1;
- border-color: #f3f2f1;
- color: #a19f9d;
- opacity: 1;
- user-select: none;
- }
- .p-inputtext:enabled:focus {
- box-shadow: inset 0 0 0 1px #0078d4;
- }
-
- .p-checkbox .p-checkbox-box.p-disabled,
-.p-radiobutton .p-radiobutton-box.p-disabled,
-.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container.p-disabled,
-.p-chips .p-chips-multiple-container.p-disabled {
- background-color: #f3f2f1;
- border-color: #f3f2f1;
- color: #a19f9d;
- opacity: 1;
- user-select: none;
- }
- .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus,
-.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus,
-.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus,
-.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #0078d4;
- }
-
- .p-dropdown.p-disabled,
-.p-multiselect.p-disabled {
- background-color: #f3f2f1;
- border-color: #f3f2f1;
- color: #a19f9d;
- opacity: 1;
- user-select: none;
- }
- .p-dropdown.p-disabled .p-dropdown-label,
-.p-dropdown.p-disabled .p-dropdown-trigger-icon,
-.p-multiselect.p-disabled .p-dropdown-label,
-.p-multiselect.p-disabled .p-dropdown-trigger-icon {
- color: #a19f9d;
- }
- .p-dropdown:not(.p-disabled).p-focus,
-.p-multiselect:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #0078d4;
- }
-
- .p-inputswitch.p-focus .p-inputswitch-slider {
- box-shadow: none;
- outline: 1px solid #605e5c;
- outline-offset: 2px;
- }
-
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #0078d4;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #0078d4;
- }
-}
diff --git a/client/src/assets/components/themes/luna-amber/theme.css b/client/src/assets/components/themes/luna-amber/theme.css
deleted file mode 100644
index 2bd35640..00000000
--- a/client/src/assets/components/themes/luna-amber/theme.css
+++ /dev/null
@@ -1,6367 +0,0 @@
-: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: #FFE082;
- --primary-color-text: #212529;
- --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: 0.571rem 1rem;
- --inline-spacing: 0.5rem;
- --border-radius: 3px;
- --surface-ground: #191919;
- --surface-section: #191919;
- --surface-card: #323232;
- --surface-overlay: #323232;
- --surface-border: #4b4b4b;
- --surface-hover: #4c4c4c;
- --maskbg: rgba(0, 0, 0, 0.4);
- --highlight-bg: #FFE082;
- --highlight-text-color: #212529;
- --focus-ring: 0 0 0 0.1rem white;
- color-scheme: light dark;
-}
-
-:root {
- --blue-50:#f3f8fc;
- --blue-100:#c6dcef;
- --blue-200:#98c1e3;
- --blue-300:#6ba5d7;
- --blue-400:#3d8aca;
- --blue-500:#106ebe;
- --blue-600:#0e5ea2;
- --blue-700:#0b4d85;
- --blue-800:#093d69;
- --blue-900:#062c4c;
- --green-50:#f7fbf6;
- --green-100:#d6ead1;
- --green-200:#b6d9ad;
- --green-300:#96c889;
- --green-400:#76b765;
- --green-500:#56a641;
- --green-600:#498d37;
- --green-700:#3c742e;
- --green-800:#2f5b24;
- --green-900:#22421a;
- --yellow-50:#fffcf5;
- --yellow-100:#fdefcd;
- --yellow-200:#fbe3a6;
- --yellow-300:#f9d67f;
- --yellow-400:#f8ca57;
- --yellow-500:#f6bd30;
- --yellow-600:#d1a129;
- --yellow-700:#ac8422;
- --yellow-800:#87681a;
- --yellow-900:#624c13;
- --cyan-50:#f4fbfd;
- --cyan-100:#ccebf5;
- --cyan-200:#a4dbed;
- --cyan-300:#7ccce5;
- --cyan-400:#54bcdd;
- --cyan-500:#2cacd5;
- --cyan-600:#2592b5;
- --cyan-700:#1f7895;
- --cyan-800:#185f75;
- --cyan-900:#124555;
- --pink-50:#fdf4f9;
- --pink-100:#f6cce0;
- --pink-200:#eea3c7;
- --pink-300:#e77aae;
- --pink-400:#df5296;
- --pink-500:#d8297d;
- --pink-600:#b8236a;
- --pink-700:#971d58;
- --pink-800:#771745;
- --pink-900:#561032;
- --indigo-50:#f4f6fd;
- --indigo-100:#ccd3f5;
- --indigo-200:#a4b0ed;
- --indigo-300:#7c8de5;
- --indigo-400:#546add;
- --indigo-500:#2c47d5;
- --indigo-600:#253cb5;
- --indigo-700:#1f3295;
- --indigo-800:#182775;
- --indigo-900:#121c55;
- --teal-50:#f6fbfa;
- --teal-100:#d1eae5;
- --teal-200:#add9d1;
- --teal-300:#89c8bd;
- --teal-400:#65b7a8;
- --teal-500:#41a694;
- --teal-600:#378d7e;
- --teal-700:#2e7468;
- --teal-800:#245b51;
- --teal-900:#1a423b;
- --orange-50:#fff9f5;
- --orange-100:#fde4cd;
- --orange-200:#fbcfa6;
- --orange-300:#f9ba7f;
- --orange-400:#f8a457;
- --orange-500:#f68f30;
- --orange-600:#d17a29;
- --orange-700:#ac6422;
- --orange-800:#874f1a;
- --orange-900:#623913;
- --bluegray-50:#f7f8f9;
- --bluegray-100:#dae0e3;
- --bluegray-200:#bdc7cd;
- --bluegray-300:#a0aeb6;
- --bluegray-400:#8295a0;
- --bluegray-500:#657c8a;
- --bluegray-600:#566975;
- --bluegray-700:#475761;
- --bluegray-800:#38444c;
- --bluegray-900:#283237;
- --purple-50:#f9f8fd;
- --purple-100:#e1dff7;
- --purple-200:#cac5f1;
- --purple-300:#b2abeb;
- --purple-400:#9b92e4;
- --purple-500:#8378de;
- --purple-600:#6f66bd;
- --purple-700:#5c549b;
- --purple-800:#48427a;
- --purple-900:#343059;
- --red-50:#fdf4f3;
- --red-100:#f6ccc6;
- --red-200:#eea39a;
- --red-300:#e77b6d;
- --red-400:#df5240;
- --red-500:#d82a13;
- --red-600:#b82410;
- --red-700:#971d0d;
- --red-800:#77170a;
- --red-900:#561108;
- --primary-50:#fffdf9;
- --primary-100:#fff8e1;
- --primary-200:#fff2c9;
- --primary-300:#ffecb2;
- --primary-400:#ffe69a;
- --primary-500:#ffe082;
- --primary-600:#d9be6f;
- --primary-700:#b39d5b;
- --primary-800:#8c7b48;
- --primary-900:#665a34;
-}
-
-.p-editor-container .p-editor-toolbar {
- background: #191919;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
-}
-.p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #191919;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #888888;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #888888;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #888888;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #dedede;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #dedede;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #dedede;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #dedede;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #dedede;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #dedede;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #323232;
- border: 1px solid #191919;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- padding: 0;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #dedede;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #dedede;
- background: #4c4c4c;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.429rem 0.857rem;
-}
-.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 #191919;
-}
-.p-editor-container .p-editor-content .ql-editor {
- background: #191919;
- color: #dedede;
- 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: #dedede;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #dedede;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #dedede;
-}
-.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: #FFE082;
-}
-.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: #FFE082;
-}
-.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: #FFE082;
-}
-.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: #FFE082;
-}
-
-@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.5;
- }
-
- .p-error {
- color: #e57373;
- }
-
- .p-text-secondary {
- color: #888888;
- }
-
- .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.1rem white;
- }
-
- .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.429rem;
- }
- .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 2.786rem;
- }
- .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
- border-color: #FFE082;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #FFE082;
- }
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.2145rem 0.429rem;
- gap: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.2145rem 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: #dedede;
- padding: 0;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.2145rem 0.429rem;
- background: #4b4b4b;
- color: #dedede;
- 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: #464646;
- color: #dedede;
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #e57373;
- }
-
- .p-autocomplete-panel {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #dedede;
- 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:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #212529;
- background: #FFE082;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: #ffe081;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #dedede;
- background: #3c3c3c;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message {
- padding: 0.429rem 0.857rem;
- color: #dedede;
- background: transparent;
- }
-
- p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
- border-color: #e57373;
- }
-
- p-autocomplete.p-autocomplete-clearable .p-inputtext {
- padding-right: 1.858rem;
- }
- p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon {
- color: #888888;
- right: 0.429rem;
- }
-
- p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon {
- color: #888888;
- right: 2.786rem;
- }
-
- p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
- border-color: #e57373;
- }
-
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #FFE082;
- }
-
- .p-datepicker {
- padding: 0.857rem;
- background: #323232;
- color: #dedede;
- border: 1px solid #4b4b4b;
- border-radius: 3px;
- }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #323232;
- border: 1px solid #191919;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #252525;
- }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: #dedede;
- background: #323232;
- font-weight: 700;
- margin: 0;
- border-bottom: 0 none;
- 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: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .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.1rem white;
- }
- .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: #dedede;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- font-weight: 700;
- 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: #FFE082;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem;
- }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.857rem 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: 3px;
- 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: #212529;
- background: #FFE082;
- }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .p-datepicker table td.p-datepicker-today > span {
- background: #FFCA28;
- color: #212529;
- border-color: transparent;
- }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #212529;
- background: #FFE082;
- }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 0.857rem 0 0.429rem 0;
- border-top: 1px solid #4b4b4b;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto;
- }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #4b4b4b;
- padding: 0.857rem 0 0.429rem 0;
- }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .p-datepicker .p-timepicker button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .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.857rem 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: #212529;
- background: #FFE082;
- }
- .p-datepicker .p-yearpicker {
- margin: 0.857rem 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: #212529;
- background: #FFE082;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-left: 1px solid #4b4b4b;
- padding-right: 0.857rem;
- padding-left: 0.857rem;
- 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: #4c4c4c;
- }
- .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.1rem white;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
- background: #4c4c4c;
- }
- .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.1rem white;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
- background: #4c4c4c;
- }
- .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.1rem white;
- }
-
- p-calendar.p-calendar-clearable .p-inputtext {
- padding-right: 1.858rem;
- }
- p-calendar.p-calendar-clearable .p-calendar-clear-icon {
- color: #888888;
- right: 0.429rem;
- }
-
- p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon {
- color: #888888;
- right: 2.786rem;
- }
-
- @media screen and (max-width: 769px) {
- .p-datepicker table th, .p-datepicker table td {
- padding: 0;
- }
- }
- .p-cascadeselect {
- background: #191919;
- border: 1px solid #4b4b4b;
- 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: #FFE082;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #FFE082;
- }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.429rem 0.429rem;
- }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #9b9b9b;
- }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #888888;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #e57373;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #4b4b4b;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #4b4b4b;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #4b4b4b;
- }
-
- .p-cascadeselect-panel {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: #dedede;
- 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:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #212529;
- background: #FFE082;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: #ffe081;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #dedede;
- background: #3c3c3c;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.429rem 0.857rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem;
- }
-
- .p-input-filled .p-cascadeselect {
- background: #4b4b4b;
- }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: #4b4b4b;
- }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
- background-color: #4b4b4b;
- }
-
- p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect {
- border-color: #e57373;
- }
-
- p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label {
- padding-right: 0.429rem;
- }
- p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon {
- color: #888888;
- 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: 1px solid #4b4b4b;
- background: #191919;
- width: 20px;
- height: 20px;
- color: #dedede;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #212529;
- font-size: 14px;
- }
- .p-checkbox .p-checkbox-box .p-icon {
- width: 14px;
- height: 14px;
- }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #FFE082;
- background: #FFE082;
- }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: #FFE082;
- }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #FFE082;
- }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #FFCA28;
- background: #FFCA28;
- color: #212529;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #4b4b4b;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
- background: #FFE082;
- }
- .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #4b4b4b;
- }
- .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #FFCA28;
- }
-
- p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
- border-color: #e57373;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #4b4b4b;
- }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #FFE082;
- }
- .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #4b4b4b;
- }
- .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #FFCA28;
- }
-
- .p-checkbox-label {
- margin-left: 0.5rem;
- }
-
- .p-highlight .p-checkbox .p-checkbox-box {
- border-color: #212529;
- }
-
- p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
- border-color: #e57373;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #FFE082;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #FFE082;
- }
- .p-chips .p-chips-multiple-container {
- padding: 0.2145rem 0.429rem;
- gap: 0.5rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #4b4b4b;
- color: #dedede;
- border-radius: 16px;
- }
- .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
- background: #464646;
- color: #dedede;
- }
- .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.2145rem 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: #dedede;
- padding: 0;
- margin: 0;
- }
-
- p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
- border-color: #e57373;
- }
-
- p-chips.p-chips-clearable .p-inputtext {
- padding-right: 1.429rem;
- }
- p-chips.p-chips-clearable .p-chips-clear-icon {
- color: #888888;
- right: 0.429rem;
- }
-
- .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.16);
- }
-
- .p-dropdown {
- background: #191919;
- border: 1px solid #4b4b4b;
- 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: #FFE082;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #FFE082;
- }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.429rem;
- }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none;
- }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #9b9b9b;
- }
- .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: #888888;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: #888888;
- right: 2.357rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #e57373;
- }
- .p-dropdown.p-variant-filled {
- background-color: #4b4b4b;
- }
- .p-dropdown.p-variant-filled:enabled:hover {
- background-color: #4b4b4b;
- }
- .p-dropdown.p-variant-filled:enabled:focus {
- background-color: #4b4b4b;
- }
-
- .p-dropdown-panel {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #191919;
- color: #dedede;
- background: #252525;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.429rem;
- margin-right: -1.429rem;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.429rem;
- color: #888888;
- }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #dedede;
- 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:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #212529;
- background: #FFE082;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: #ffe081;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #dedede;
- background: #3c3c3c;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.429rem 0.857rem;
- color: #dedede;
- background: transparent;
- }
-
- .p-input-filled .p-dropdown {
- background: #4b4b4b;
- }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: #4b4b4b;
- }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
- background-color: #4b4b4b;
- }
- .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: #e57373;
- }
-
- .p-icon-field .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-inputgroup-addon {
- background: #252525;
- color: #888888;
- border-top: 1px solid #4b4b4b;
- border-left: 1px solid #4b4b4b;
- border-bottom: 1px solid #4b4b4b;
- padding: 0.429rem 0.429rem;
- min-width: 2.357rem;
- }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #4b4b4b;
- }
-
- .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-icon-field-left .p-input-icon:first-of-type {
- left: 0.429rem;
- color: #888888;
- }
-
- .p-icon-field-right .p-input-icon:last-of-type {
- right: 0.429rem;
- color: #888888;
- }
-
- p-inputmask.ng-dirty.ng-invalid > .p-inputtext {
- border-color: #e57373;
- }
-
- p-inputmask.p-inputmask-clearable .p-inputtext {
- padding-right: 1.858rem;
- }
- p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon {
- color: #888888;
- right: 0.429rem;
- }
-
- .p-inputmask.p-variant-filled {
- background-color: #4b4b4b;
- }
- .p-inputmask.p-variant-filled:enabled:hover {
- background-color: #4b4b4b;
- }
- .p-inputmask.p-variant-filled:enabled:focus {
- background-color: #4b4b4b;
- }
-
- p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
- border-color: #e57373;
- }
-
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-input {
- padding-right: 1.858rem;
- }
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon {
- color: #888888;
- right: 0.429rem;
- }
-
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon {
- right: 2.786rem;
- }
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon {
- right: 2.786rem;
- }
-
- p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #4b4b4b;
- }
- p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #4b4b4b;
- }
- p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #4b4b4b;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 1.858rem;
- }
-
- .p-inputswitch {
- width: 3rem;
- height: 1.75rem;
- }
- .p-inputswitch .p-inputswitch-slider {
- background: #4b4b4b;
- 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: #323232;
- 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.1rem white;
- }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: #4b4b4b;
- }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: #FFE082;
- }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: #323232;
- }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: #FFD54F;
- }
-
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
- border-color: #e57373;
- }
-
- .p-inputtext {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #dedede;
- background: #191919;
- padding: 0.429rem 0.429rem;
- border: 1px solid #4b4b4b;
- 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: #FFE082;
- }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #FFE082;
- }
- .p-inputtext.ng-dirty.ng-invalid {
- border-color: #e57373;
- }
- .p-inputtext.p-variant-filled {
- background-color: #4b4b4b;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #4b4b4b;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #4b4b4b;
- }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.375375rem 0.375375rem;
- }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.53625rem 0.53625rem;
- }
-
- .p-float-label > label {
- left: 0.429rem;
- color: #9b9b9b;
- transition-duration: 0.2s;
- }
-
- .p-float-label > .ng-invalid.ng-dirty + label {
- color: #e57373;
- }
-
- .p-input-icon-left > .p-icon-wrapper.p-icon,
-.p-input-icon-left > i:first-of-type {
- left: 0.429rem;
- color: #888888;
- }
-
- .p-input-icon-left > .p-inputtext {
- padding-left: 1.858rem;
- }
-
- .p-input-icon-left.p-float-label > label {
- left: 1.858rem;
- }
-
- .p-input-icon-right > .p-icon-wrapper,
-.p-input-icon-right > i:last-of-type {
- right: 0.429rem;
- color: #888888;
- }
-
- .p-input-icon-right > .p-inputtext {
- padding-right: 1.858rem;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 1.858rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 1.858rem;
- }
-
- .p-icon-field-right > .p-inputtext {
- padding-right: 1.858rem;
- }
-
- ::-webkit-input-placeholder {
- color: #9b9b9b;
- }
-
- :-moz-placeholder {
- color: #9b9b9b;
- }
-
- ::-moz-placeholder {
- color: #9b9b9b;
- }
-
- :-ms-input-placeholder {
- color: #9b9b9b;
- }
-
- .p-input-filled .p-inputtext {
- background-color: #4b4b4b;
- }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #4b4b4b;
- }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #4b4b4b;
- }
-
- .p-inputtext-sm .p-inputtext {
- font-size: 0.875rem;
- padding: 0.375375rem 0.375375rem;
- }
-
- .p-inputtext-lg .p-inputtext {
- font-size: 1.25rem;
- padding: 0.53625rem 0.53625rem;
- }
-
- .p-listbox {
- background: #323232;
- color: #dedede;
- border: 1px solid #4b4b4b;
- 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.429rem 0.857rem;
- border-bottom: 1px solid #191919;
- color: #dedede;
- background: #252525;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.429rem;
- }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.429rem;
- color: #888888;
- }
- .p-listbox .p-listbox-header .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-listbox .p-listbox-list {
- padding: 0;
- outline: 0 none;
- }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #dedede;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #212529;
- background: #FFE082;
- }
- .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.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700;
- }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.429rem 0.857rem;
- color: #dedede;
- background: transparent;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
- background: #ffe081;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-listbox.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #FFE082;
- }
-
- p-listbox.ng-dirty.ng-invalid > .p-listbox {
- border-color: #e57373;
- }
-
- .p-multiselect {
- background: #191919;
- border: 1px solid #4b4b4b;
- 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: #FFE082;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #FFE082;
- }
- .p-multiselect .p-multiselect-label {
- padding: 0.429rem 0.429rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #9b9b9b;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #4b4b4b;
- color: #dedede;
- 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: #888888;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-multiselect.p-variant-filled {
- background: #4b4b4b;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #4b4b4b;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #4b4b4b;
- }
-
- .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.2145rem 0.429rem;
- }
-
- .p-multiselect-clearable .p-multiselect-label-container {
- padding-right: 1.429rem;
- }
- .p-multiselect-clearable .p-multiselect-clear-icon {
- color: #888888;
- right: 2.357rem;
- }
-
- .p-multiselect-panel {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #191919;
- color: #dedede;
- background: #252525;
- 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.429rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.429rem;
- color: #888888;
- }
- .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: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #dedede;
- 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:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #212529;
- background: #FFE082;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: #ffe081;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .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.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.429rem 0.857rem;
- color: #dedede;
- background: transparent;
- }
-
- .p-input-filled .p-multiselect {
- background: #4b4b4b;
- }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: #4b4b4b;
- }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
- background-color: #4b4b4b;
- }
-
- p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
- border-color: #e57373;
- }
-
- p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext {
- border-color: #e57373;
- }
-
- .p-password-panel {
- padding: 0.571rem 1rem;
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #eaeaea;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #e57373;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #ffb74d;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #aed581;
- }
-
- p-password.p-password-clearable .p-password-input {
- padding-right: 1.858rem;
- }
- p-password.p-password-clearable .p-password-clear-icon {
- color: #888888;
- right: 0.429rem;
- }
-
- p-password.p-password-clearable.p-password-mask .p-password-input {
- padding-right: 3.287rem;
- }
- p-password.p-password-clearable.p-password-mask .p-password-clear-icon {
- color: #888888;
- right: 1.858rem;
- }
-
- .p-radiobutton {
- width: 20px;
- height: 20px;
- }
- .p-radiobutton .p-radiobutton-box {
- border: 1px solid #4b4b4b;
- background: #191919;
- width: 20px;
- height: 20px;
- color: #dedede;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: #FFE082;
- }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #FFE082;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.2s;
- background-color: #212529;
- }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #FFE082;
- background: #FFE082;
- }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #FFCA28;
- background: #FFCA28;
- color: #212529;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #4b4b4b;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #4b4b4b;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight {
- background: #FFE082;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #FFCA28;
- }
-
- p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
- border-color: #e57373;
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #4b4b4b;
- }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #4b4b4b;
- }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
- background: #FFE082;
- }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #FFCA28;
- }
-
- .p-radiobutton-label {
- margin-left: 0.5rem;
- }
-
- .p-highlight .p-radiobutton .p-radiobutton-box {
- border-color: #212529;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- border-radius: 50%;
- outline-color: transparent;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- }
- .p-rating .p-rating-item .p-rating-icon {
- color: #dedede;
- 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: #e4018d;
- }
- .p-rating .p-rating-item.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #FFE082;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #FFE082;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #b5019f;
- }
-
- .p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #212529;
- }
-
- .p-selectbutton .p-button {
- background: #252525;
- border: 1px solid #252525;
- color: #dedede;
- 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: #888888;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #4c4c4c;
- border-color: #4c4c4c;
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-selectbutton .p-button.p-highlight {
- background: #FFE082;
- border-color: #FFE082;
- color: #212529;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #212529;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #FFD54F;
- border-color: #FFD54F;
- color: #212529;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #212529;
- }
-
- p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
- border-color: #e57373;
- }
-
- .p-slider {
- background: #4b4b4b;
- 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 {
- height: 100%;
- width: 0.286rem;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem;
- }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #4c4c4c;
- border: 2px solid #FFE082;
- border-radius: 100%;
- 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.1rem white;
- }
- .p-slider .p-slider-range {
- background: #FFE082;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #FFE082;
- border-color: #FFE082;
- }
- .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: #252525;
- border: 1px solid #252525;
- color: #dedede;
- 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: #888888;
- }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #4c4c4c;
- border-color: #4c4c4c;
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-togglebutton.p-button.p-highlight {
- background: #FFE082;
- border-color: #FFE082;
- color: #212529;
- }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: #212529;
- }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #FFD54F;
- border-color: #FFD54F;
- color: #212529;
- }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: #212529;
- }
-
- p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
- border-color: #e57373;
- }
-
- .p-treeselect {
- background: #191919;
- border: 1px solid #4b4b4b;
- 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: #FFE082;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #FFE082;
- }
- .p-treeselect .p-treeselect-label {
- padding: 0.429rem 0.429rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #9b9b9b;
- }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #4b4b4b;
- color: #dedede;
- border-radius: 16px;
- }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #888888;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-treeselect.p-variant-filled {
- background-color: #4b4b4b;
- }
- .p-treeselect.p-variant-filled:enabled:hover {
- background-color: #4b4b4b;
- }
- .p-treeselect.p-variant-filled:enabled:focus {
- background-color: #4b4b4b;
- }
-
- p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
- border-color: #e57373;
- }
-
- .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.2145rem 0.429rem;
- }
-
- .p-treeselect-panel {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-treeselect-panel .p-treeselect-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #191919;
- color: #dedede;
- background: #252525;
- 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.429rem;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
- right: 0.429rem;
- color: #888888;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
- padding-right: 2.858rem;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
- right: 1.858rem;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-close {
- width: 2rem;
- height: 2rem;
- color: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .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.429rem 0.857rem;
- color: #dedede;
- background: transparent;
- }
-
- .p-input-filled .p-treeselect {
- background: #4b4b4b;
- }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #4b4b4b;
- }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #4b4b4b;
- }
-
- p-treeselect.p-treeselect-clearable .p-treeselect-label-container {
- padding-right: 1.429rem;
- }
- p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
- color: #888888;
- right: 2.357rem;
- }
-
- .p-button {
- color: #212529;
- background: #FFE082;
- border: 1px solid #FFE082;
- padding: 0.429rem 1rem;
- font-size: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- outline-color: transparent;
- }
- .p-button:not(:disabled):hover {
- background: #FFD54F;
- color: #212529;
- border-color: #FFD54F;
- }
- .p-button:not(:disabled):active {
- background: #FFCA28;
- color: #212529;
- border-color: #FFCA28;
- }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #FFE082;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(255, 224, 130, 0.04);
- color: #FFE082;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(255, 224, 130, 0.16);
- color: #FFE082;
- border: 1px solid;
- }
- .p-button.p-button-outlined.p-button-plain {
- color: #888888;
- border-color: #888888;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
- background: #4c4c4c;
- color: #888888;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
- background: #3c3c3c;
- color: #888888;
- }
- .p-button.p-button-text {
- background-color: transparent;
- color: #FFE082;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(255, 224, 130, 0.04);
- color: #FFE082;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(255, 224, 130, 0.16);
- color: #FFE082;
- border-color: transparent;
- }
- .p-button.p-button-text.p-button-plain {
- color: #888888;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):hover {
- background: #4c4c4c;
- color: #888888;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):active {
- background: #3c3c3c;
- color: #888888;
- }
- .p-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .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: #FFE082;
- background-color: #212529;
- }
- .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.429rem 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.375375rem 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.53625rem 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-button-group {
- display: flex;
- }
- .p-fluid .p-button-group .p-button {
- flex: 1;
- }
-
- .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
- color: #121212;
- background: #b0bec5;
- border: 1px solid #b0bec5;
- }
- .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
- background: #90a4ae;
- color: #121212;
- border-color: #90a4ae;
- }
- .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 0.1rem #cfd8dc;
- }
- .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
- background: #78909c;
- color: #121212;
- border-color: #78909c;
- }
- .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #b0bec5;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.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(176, 190, 197, 0.04);
- color: #b0bec5;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.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(176, 190, 197, 0.16);
- color: #b0bec5;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #b0bec5;
- border-color: transparent;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.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(176, 190, 197, 0.04);
- border-color: transparent;
- color: #b0bec5;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.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(176, 190, 197, 0.16);
- border-color: transparent;
- color: #b0bec5;
- }
-
- .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
- color: #212529;
- background: #4fc3f7;
- border: 1px solid #4fc3f7;
- }
- .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
- background: #29b6f6;
- color: #212529;
- border-color: #29b6f6;
- }
- .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 0.1rem #e1f5fe;
- }
- .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
- background: #03a9f4;
- color: #212529;
- border-color: #03a9f4;
- }
- .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #4fc3f7;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.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(79, 195, 247, 0.04);
- color: #4fc3f7;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.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(79, 195, 247, 0.16);
- color: #4fc3f7;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #4fc3f7;
- border-color: transparent;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.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(79, 195, 247, 0.04);
- border-color: transparent;
- color: #4fc3f7;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.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(79, 195, 247, 0.16);
- border-color: transparent;
- color: #4fc3f7;
- }
-
- .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
- color: #212529;
- background: #aed581;
- border: 1px solid #aed581;
- }
- .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
- background: #9ccc65;
- color: #212529;
- border-color: #9ccc65;
- }
- .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 0.1rem #f1f8e9;
- }
- .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
- background: #8bc34a;
- color: #212529;
- border-color: #8bc34a;
- }
- .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #aed581;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.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(174, 213, 129, 0.04);
- color: #aed581;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.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(174, 213, 129, 0.16);
- color: #aed581;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #aed581;
- border-color: transparent;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.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(174, 213, 129, 0.04);
- border-color: transparent;
- color: #aed581;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.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(174, 213, 129, 0.16);
- border-color: transparent;
- color: #aed581;
- }
-
- .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
- color: #212529;
- background: #ffb74d;
- border: 1px solid #ffb74d;
- }
- .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
- background: #ffa726;
- color: #212529;
- border-color: #ffa726;
- }
- .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 0.1rem #fffde7;
- }
- .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
- background: #ff9800;
- color: #212529;
- border-color: #ff9800;
- }
- .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ffb74d;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.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, 183, 77, 0.04);
- color: #ffb74d;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.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, 183, 77, 0.16);
- color: #ffb74d;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #ffb74d;
- border-color: transparent;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.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, 183, 77, 0.04);
- border-color: transparent;
- color: #ffb74d;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.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, 183, 77, 0.16);
- border-color: transparent;
- color: #ffb74d;
- }
-
- .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
- color: #121212;
- background: #ce93d8;
- border: 1px solid #ce93d8;
- }
- .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
- background: #ba68c8;
- color: #121212;
- border-color: #ba68c8;
- }
- .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #ce93d8;
- }
- .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
- background: #ab47bc;
- color: #121212;
- border-color: #ab47bc;
- }
- .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ce93d8;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.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(206, 147, 216, 0.04);
- color: #ce93d8;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.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(206, 147, 216, 0.16);
- color: #ce93d8;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #ce93d8;
- border-color: transparent;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.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(206, 147, 216, 0.04);
- border-color: transparent;
- color: #ce93d8;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.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(206, 147, 216, 0.16);
- border-color: transparent;
- color: #ce93d8;
- }
-
- .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
- color: #212529;
- background: #e57373;
- border: 1px solid #e57373;
- }
- .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
- background: #ef5350;
- color: #212529;
- border-color: #ef5350;
- }
- .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 0.1rem #ffebee;
- }
- .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
- background: #f44336;
- color: #212529;
- border-color: #f44336;
- }
- .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #e57373;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.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(229, 115, 115, 0.04);
- color: #e57373;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.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(229, 115, 115, 0.16);
- color: #e57373;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #e57373;
- border-color: transparent;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.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(229, 115, 115, 0.04);
- border-color: transparent;
- color: #e57373;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.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(229, 115, 115, 0.16);
- border-color: transparent;
- color: #e57373;
- }
-
- .p-button.p-button-link {
- color: #FFE082;
- background: transparent;
- border: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #FFE082;
- 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 white;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #FFE082;
- 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.1rem white;
- }
-
- .p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: #474747;
- color: #fff;
- }
- .p-speeddial-action:hover {
- background: #4d4d4d;
- 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-rounded {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-rounded > .p-button {
- border-radius: 2rem;
- }
- .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-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
- width: 2rem;
- height: 2rem;
- color: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .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.1rem white;
- }
- .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: #4b4b4b;
- 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: #4c4c4c;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: #FFE082;
- color: #212529;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 1px 1px 0 1px;
- border-radius: 0;
- }
- .p-datatable .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- border-radius: 0;
- }
- .p-datatable .p-datatable-header {
- background: #191919;
- color: #dedede;
- border: 1px solid #191919;
- border-width: 1px 1px 0 1px;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-datatable .p-datatable-footer {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-width: 0 1px 1px 1px;
- padding: 0.571rem 1rem;
- font-weight: normal;
- }
- .p-datatable .p-datatable-thead > tr > th {
- text-align: left;
- padding: 0.571rem 0.857rem;
- border: 1px solid #191919;
- border-width: 1px 1px 1px 1px;
- font-weight: 700;
- color: #dedede;
- background: #252525;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-datatable .p-datatable-tfoot > tr > td {
- text-align: left;
- padding: 0.571rem 0.857rem;
- border: 1px solid #191919;
- border-width: 1px;
- font-weight: 700;
- color: #dedede;
- background: #252525;
- }
- .p-datatable .p-sortable-column .p-sortable-column-icon {
- color: #888888;
- 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: #212529;
- background: #FFE082;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #dedede;
- }
- .p-datatable .p-sortable-column.p-highlight {
- background: #FFE082;
- color: #212529;
- }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #212529;
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: #FFE082;
- color: #212529;
- }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #212529;
- }
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: inset 0 0 0 0.15rem white;
- outline: 0 none;
- }
- .p-datatable .p-datatable-tbody > tr {
- background: #323232;
- color: #dedede;
- 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 #191919;
- border-width: 1px;
- padding: 0.571rem 0.857rem;
- }
- .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: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .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.1rem white;
- }
- .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 white;
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #FFE082;
- color: #212529;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #FFE082;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #FFE082;
- }
- .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede;
- }
- .p-datatable .p-column-resizer-helper {
- background: #FFE082;
- }
- .p-datatable .p-datatable-scrollable-header,
-.p-datatable .p-datatable-scrollable-footer {
- background: #191919;
- }
- .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: #252525;
- }
- .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: #323232;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: #FFE082;
- color: #212529;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: #212529;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: #212529;
- }
- .p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.72845rem 0.85rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.48535rem 0.72845rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.48535rem 0.72845rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.48535rem 0.85rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.48535rem 0.85rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.07125rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 0.71375rem 1.07125rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 0.71375rem 1.07125rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 0.71375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 0.71375rem 1.25rem;
- }
-
- .p-dataview .p-paginator-top {
- border-width: 1px 1px 0 1px;
- border-radius: 0;
- }
- .p-dataview .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- border-radius: 0;
- }
- .p-dataview .p-dataview-header {
- background: #191919;
- color: #dedede;
- border: 1px solid #191919;
- border-width: 1px 1px 0 1px;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-dataview .p-dataview-content {
- background: #323232;
- color: #dedede;
- border: 0 none;
- padding: 0;
- }
- .p-dataview .p-dataview-footer {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-width: 0 1px 1px 1px;
- padding: 0.571rem 1rem;
- font-weight: normal;
- 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: 0.571rem 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: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: transparent;
- color: #dedede;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: #FFE082;
- color: #212529;
- }
- .p-column-filter-menu-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
-
- .p-column-filter-clear-button {
- width: 2rem;
- height: 2rem;
- color: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .p-column-filter-clear-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
-
- .p-column-filter-overlay {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- min-width: 12.5rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #dedede;
- 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:first-child {
- margin-top: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #212529;
- background: #FFE082;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .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 white;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #4b4b4b;
- margin: 0;
- }
-
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #191919;
- color: #dedede;
- background: #252525;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0.571rem 1rem;
- border-bottom: 1px solid #4b4b4b;
- }
- .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.571rem 1rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0.571rem 1rem;
- }
-
- .p-orderlist .p-orderlist-controls {
- padding: 0.571rem 1rem;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem;
- }
- .p-orderlist .p-orderlist-list-container {
- background: #323232;
- border: 1px solid #191919;
- 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.1rem white;
- border-color: #FFE082;
- }
- .p-orderlist .p-orderlist-header {
- color: #dedede;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-orderlist .p-orderlist-header .p-orderlist-title {
- font-weight: 700;
- }
- .p-orderlist .p-orderlist-filter-container {
- padding: 0.857rem 1rem;
- background: #323232;
- border: 1px solid #191919;
- border-bottom: 0 none;
- }
- .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
- padding-right: 1.429rem;
- }
- .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
- right: 0.429rem;
- color: #888888;
- }
- .p-orderlist .p-orderlist-list {
- color: #dedede;
- padding: 0;
- outline: 0 none;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border-top: 1px solid #191919;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.429rem 0.857rem;
- margin: 0;
- border: 0 none;
- color: #dedede;
- background: transparent;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
- margin-top: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
- color: #dedede;
- background: #3c3c3c;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #212529;
- background: #FFE082;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: #ffe081;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-empty-message {
- padding: 0.429rem 0.857rem;
- color: #dedede;
- }
- .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
- background: #323232;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
- background: #4c4c4c;
- }
-
- .p-orderlist-item.cdk-drag-preview {
- padding: 0.429rem 0.857rem;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border: 0 none;
- color: #dedede;
- background: #323232;
- margin: 0;
- }
-
- .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight {
- background: #FFE082;
- color: #212529;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #ffc003;
- }
- .p-organizationchart .p-organizationchart-line-down {
- background: #191919;
- }
- .p-organizationchart .p-organizationchart-line-left {
- border-right: 1px solid #191919;
- border-color: #191919;
- }
- .p-organizationchart .p-organizationchart-line-top {
- border-top: 1px solid #191919;
- border-color: #191919;
- }
- .p-organizationchart .p-organizationchart-node-content {
- border: 1px solid #191919;
- background: #323232;
- color: #dedede;
- padding: 0.571rem 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.1rem white;
- }
-
- .p-paginator {
- background: #252525;
- color: #dedede;
- border: solid #191919;
- border-width: 1px;
- padding: 0;
- 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: #dedede;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .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: #e0e0e0;
- border-color: transparent;
- color: #4c4c4c;
- }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
- .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: #dedede;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- padding: 0 0.5rem;
- }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: #dedede;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #FFE082;
- border-color: #FFE082;
- color: #212529;
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: #e0e0e0;
- border-color: transparent;
- color: #4c4c4c;
- }
-
- .p-picklist .p-picklist-buttons {
- padding: 0.571rem 1rem;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem;
- }
- .p-picklist .p-picklist-list-wrapper {
- background: #323232;
- border: 1px solid #191919;
- 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.1rem white;
- border-color: #FFE082;
- }
- .p-picklist .p-picklist-header {
- color: #dedede;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-picklist .p-picklist-header .p-picklist-title {
- font-weight: 700;
- }
- .p-picklist .p-picklist-filter-container {
- padding: 0.857rem 1rem;
- background: #323232;
- border: 1px solid #191919;
- border-bottom: 0 none;
- }
- .p-picklist .p-picklist-filter-container .p-picklist-filter-input {
- padding-right: 1.429rem;
- }
- .p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
- right: 0.429rem;
- color: #888888;
- }
- .p-picklist .p-picklist-list {
- color: #dedede;
- padding: 0;
- outline: 0 none;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border-top: 1px solid #191919;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.429rem 0.857rem;
- margin: 0;
- border: 0 none;
- color: #dedede;
- background: transparent;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-picklist .p-picklist-list .p-picklist-item:first-child {
- margin-top: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-focus {
- color: #dedede;
- background: #3c3c3c;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #212529;
- background: #FFE082;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: #ffe081;
- }
- .p-picklist .p-picklist-list .p-picklist-empty-message {
- padding: 0.429rem 0.857rem;
- color: #dedede;
- }
- .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
- background: #323232;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
- background: #4c4c4c;
- }
-
- .p-picklist-item.cdk-drag-preview {
- padding: 0.429rem 0.857rem;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border: 0 none;
- color: #dedede;
- background: #323232;
- margin: 0;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 0 none;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #FFE082;
- }
- .p-timeline .p-timeline-event-connector {
- background-color: #191919;
- }
- .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 #191919;
- background: #323232;
- color: #dedede;
- padding: 0.571rem 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 white;
- }
- .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;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .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.1rem white;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #888888;
- }
- .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: #dedede;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #4b4b4b;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
- background: #FFE082;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
- background-color: #4b4b4b;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
- background: #FFCA28;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #FFE082;
- color: #212529;
- }
- .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: #212529;
- }
- .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: #212529;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
- background: #4c4c4c;
- color: #dedede;
- }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.429rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.429rem;
- color: #888888;
- }
- .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: #ffcd35;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content {
- border-radius: 3px;
- border: 1px solid #191919;
- background-color: #323232;
- color: #dedede;
- padding: 0;
- 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: #FFE082;
- color: #212529;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #212529;
- }
- .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: #888888;
- 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: #4c4c4c;
- color: #dedede;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 1px 1px 0 1px;
- border-radius: 0;
- }
- .p-treetable .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- border-radius: 0;
- }
- .p-treetable .p-treetable-header {
- background: #191919;
- color: #dedede;
- border: 1px solid #191919;
- border-width: 1px 1px 0 1px;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-treetable .p-treetable-footer {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-width: 0 1px 1px 1px;
- padding: 0.571rem 1rem;
- font-weight: normal;
- }
- .p-treetable .p-treetable-thead > tr > th {
- text-align: left;
- padding: 0.571rem 0.857rem;
- border: 1px solid #191919;
- border-width: 1px 1px 1px 1px;
- font-weight: 700;
- color: #dedede;
- background: #252525;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-treetable .p-treetable-tfoot > tr > td {
- text-align: left;
- padding: 0.571rem 0.857rem;
- border: 1px solid #191919;
- border-width: 1px;
- font-weight: 700;
- color: #dedede;
- background: #252525;
- }
- .p-treetable .p-sortable-column {
- outline-color: white;
- }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #888888;
- 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: #212529;
- background: #FFE082;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #dedede;
- }
- .p-treetable .p-sortable-column.p-highlight {
- background: #FFE082;
- color: #212529;
- }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #212529;
- }
- .p-treetable .p-treetable-tbody > tr {
- background: #323232;
- color: #dedede;
- 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 #191919;
- border-width: 1px;
- padding: 0.571rem 0.857rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .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: #dedede;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #4b4b4b;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
- background: #FFE082;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
- background-color: #4b4b4b;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
- background: #FFCA28;
- }
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid white;
- outline-offset: -0.15rem;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #FFE082;
- color: #212529;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #212529;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #212529;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #dedede;
- }
- .p-treetable .p-column-resizer-helper {
- background: #FFE082;
- }
- .p-treetable .p-treetable-scrollable-header,
-.p-treetable .p-treetable-scrollable-footer {
- background: #191919;
- }
- .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.749875rem 0.875rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.48535rem 0.72845rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.48535rem 0.72845rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.48535rem 0.85rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.48535rem 0.85rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.07125rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 0.71375rem 1.07125rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 0.71375rem 1.07125rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 0.71375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 0.71375rem 1.25rem;
- }
-
- .p-virtualscroller .p-virtualscroller-header {
- background: #191919;
- color: #dedede;
- border: 1px solid #191919;
- border-width: 1px 1px 0 1px;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-virtualscroller .p-virtualscroller-content {
- background: #323232;
- color: #dedede;
- border: 0 none;
- padding: 0;
- }
- .p-virtualscroller .p-virtualscroller-footer {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-width: 0 1px 1px 1px;
- padding: 0.571rem 1rem;
- font-weight: normal;
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
- }
-
- .p-accordion .p-accordion-header .p-accordion-header-link {
- padding: 0.857rem 1rem;
- border: 1px solid #191919;
- color: #dedede;
- background: #191919;
- font-weight: 700;
- 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.1rem white;
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: #191919;
- border-color: #191919;
- color: #FFE082;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
- background: #FFE082;
- border-color: #FFE082;
- color: #212529;
- 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: #FFCA28;
- background: #FFCA28;
- color: #212529;
- }
- .p-accordion .p-accordion-content {
- padding: 0.571rem 1rem;
- border: 1px solid #191919;
- background: #323232;
- color: #dedede;
- 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: 2px;
- }
-
- .p-card {
- background: #323232;
- color: #dedede;
- 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: 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: #888888;
- }
- .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: #323232;
- }
- .p-divider.p-divider-horizontal {
- margin: 1rem 0;
- padding: 0 1rem;
- }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px #4b4b4b;
- }
- .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 #4b4b4b;
- }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0;
- }
-
- .p-fieldset {
- border: 1px solid #191919;
- background: #323232;
- color: #dedede;
- border-radius: 3px;
- }
- .p-fieldset .p-fieldset-legend {
- padding: 0.857rem 1rem;
- border: 1px solid #191919;
- color: #dedede;
- background: #191919;
- font-weight: 700;
- 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: 0.857rem 1rem;
- color: #dedede;
- 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.1rem white;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: #191919;
- border-color: #191919;
- color: #FFE082;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0.571rem 1rem;
- }
-
- .p-panel .p-panel-header {
- border: 1px solid #191919;
- padding: 0.857rem 1rem;
- background: #191919;
- color: #dedede;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 700;
- }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.857rem 1rem;
- }
- .p-panel .p-panel-content {
- padding: 0.571rem 1rem;
- border: 1px solid #191919;
- background: #323232;
- color: #dedede;
- 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.571rem 1rem;
- border: 1px solid #191919;
- background: #323232;
- color: #dedede;
- 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: #3f3f3f;
- 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.1rem white;
- }
-
- .p-splitter {
- border: 1px solid #191919;
- background: #323232;
- border-radius: 3px;
- color: #dedede;
- }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: #191919;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #4b4b4b;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .p-splitter .p-splitter-gutter-resizing {
- background: #4b4b4b;
- }
-
- .p-tabview .p-tabview-nav-content {
- scroll-padding-inline: 2.357rem;
- }
- .p-tabview .p-tabview-nav {
- background: transparent;
- border: 0 none;
- border-width: 1px;
- }
- .p-tabview .p-tabview-nav li {
- margin-right: 2px;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: 1px solid #191919;
- border-width: 1px;
- border-color: #191919;
- background: #191919;
- color: #dedede;
- padding: 0.857rem 1rem;
- font-weight: 700;
- 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 -1px 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.1rem white;
- }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #191919;
- border-color: #191919;
- color: #FFE082;
- }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #FFE082;
- border-color: #FFE082;
- color: #212529;
- }
- .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: #FFE082;
- color: #212529;
- 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.1rem white;
- }
- .p-tabview .p-tabview-panels {
- background: #323232;
- padding: 0.571rem 1rem;
- border: 1px solid #191919;
- color: #dedede;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
-
- .p-toolbar {
- background: #191919;
- border: 1px solid #191919;
- padding: 0.857rem 1rem;
- border-radius: 3px;
- gap: 0.5rem;
- }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem;
- }
-
- .p-stepper .p-stepper-nav {
- position: relative;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow-x: auto;
- }
-
- .p-stepper-vertical .p-stepper-nav {
- flex-direction: column;
- }
-
- .p-stepper-header {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- align-items: center;
- }
- .p-stepper-header:last-of-type {
- flex: initial;
- }
-
- .p-stepper-header .p-stepper-action {
- border: 0 none;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- cursor: pointer;
- }
- .p-stepper-header .p-stepper-action:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
-
- .p-stepper.p-stepper-readonly .p-stepper-header {
- cursor: auto;
- }
-
- .p-stepper-header.p-highlight .p-stepper-action {
- cursor: default;
- }
-
- .p-stepper-title {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-stepper-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-stepper-separator {
- flex: 1 1 0;
- }
-
- .p-stepper .p-stepper-nav {
- display: flex;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .p-stepper .p-stepper-header {
- padding: 0.5rem;
- }
- .p-stepper .p-stepper-header .p-stepper-action {
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- background: #191919;
- outline-color: transparent;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- color: #dedede;
- border: 1px solid #191919;
- border-width: 2px;
- background: #191919;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
- margin-left: 0.5rem;
- color: #888888;
- font-weight: 700;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #FFE082;
- color: #212529;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #dedede;
- }
- .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
- background-color: #FFE082;
- }
- .p-stepper .p-stepper-panels {
- background: #323232;
- padding: 0.571rem 1rem;
- color: #dedede;
- }
- .p-stepper .p-stepper-separator {
- background-color: #191919;
- width: 100%;
- height: 2px;
- margin-inline-start: 1rem;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-stepper.p-stepper-vertical {
- display: flex;
- flex-direction: column;
- }
- .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
- display: flex;
- flex: 1 1 auto;
- background: #323232;
- color: #dedede;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel {
- display: flex;
- flex-direction: column;
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
- flex: 1 1 auto;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
- width: 100%;
- padding-left: 1rem;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
- flex: 0 0 auto;
- width: 2px;
- height: auto;
- margin-inline-start: calc(1.75rem + 2px);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
- background-color: #FFE082;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
- padding-left: 3rem;
- }
-
- .p-confirm-popup {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 0.571rem 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0.571rem 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(50, 50, 50, 0);
- border-bottom-color: #323232;
- }
- .p-confirm-popup:before {
- border: solid transparent;
- border-color: rgba(25, 25, 25, 0);
- border-bottom-color: #191919;
- }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #323232;
- }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #191919;
- }
- .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 6px 0 rgba(0, 0, 0, 0.16);
- border: 1px solid #191919;
- }
- .p-dialog .p-dialog-header {
- border-bottom: 1px solid #191919;
- background: #191919;
- color: #dedede;
- padding: 1rem;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 700;
- font-size: 1rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0;
- }
- .p-dialog .p-dialog-content {
- background: #323232;
- color: #dedede;
- padding: 1rem;
- }
- .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 #191919;
- background: #323232;
- color: #dedede;
- padding: 0.571rem 1rem;
- 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: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0.571rem 1rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- background: #FFE082;
- color: #212529;
- 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: #FFD54F;
- color: #212529;
- }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(50, 50, 50, 0);
- border-bottom-color: #323232;
- }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(25, 25, 25, 0);
- border-bottom-color: #181818;
- }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #323232;
- }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #191919;
- }
-
- .p-sidebar {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-sidebar .p-sidebar-header {
- padding: 0.857rem 1rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .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.1rem white;
- }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0;
- }
- .p-sidebar .p-sidebar-content {
- padding: 0.571rem 1rem;
- }
- .p-sidebar .p-sidebar-footer {
- padding: 0.857rem 1rem;
- }
-
- .p-tooltip .p-tooltip-text {
- background: #4c4c4c;
- color: #dedede;
- padding: 0.429rem 0.429rem;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- }
- .p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #4c4c4c;
- }
- .p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #4c4c4c;
- }
- .p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #4c4c4c;
- }
- .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #4c4c4c;
- }
-
- .p-fileupload .p-fileupload-buttonbar {
- background: #191919;
- padding: 0.857rem 1rem;
- border: 1px solid #191919;
- color: #dedede;
- 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.1rem white;
- }
- .p-fileupload .p-fileupload-content {
- background: #323232;
- padding: 0.571rem 1rem;
- border: 1px solid #191919;
- color: #dedede;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- border-color: 1px dashed #FFE082;
- border-style: dashed;
- background-color: #FFE082;
- }
- .p-fileupload .p-progressbar {
- height: 0.25rem;
- }
- .p-fileupload .p-fileupload-row > div {
- padding: 0.571rem 0.857rem;
- }
- .p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0;
- }
-
- .p-fileupload-choose:not(.p-disabled):hover {
- background: #FFD54F;
- color: #212529;
- border-color: #FFD54F;
- }
- .p-fileupload-choose:not(.p-disabled):active {
- background: #FFCA28;
- color: #212529;
- border-color: #FFCA28;
- }
-
- .p-breadcrumb {
- background: #252525;
- border: 1px solid #191919;
- border-radius: 3px;
- padding: 0.571rem 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.1rem white;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- }
- .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
- margin: 0 0.5rem 0 0.5rem;
- color: #dedede;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
- color: #dedede;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
- color: #dedede;
- }
-
- .p-contextmenu {
- padding: 0;
- background: #252525;
- color: #dedede;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- width: 12.5rem;
- }
- .p-contextmenu .p-contextmenu-root-list {
- outline: 0 none;
- }
- .p-contextmenu .p-submenu-list {
- padding: 0;
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: #dedede;
- 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: #dedede;
- padding: 0.857rem;
- user-select: none;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #dedede;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #212529;
- background: #FFE082;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .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: #212529;
- }
- .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #FFE082;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #dedede;
- background: #3c3c3c;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-contextmenu .p-menuitem-separator {
- border-top: 1px solid #4b4b4b;
- margin: 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 white;
- }
- .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: #252525;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- }
- .p-megamenu .p-megamenu-root-list {
- outline: 0 none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content {
- color: #dedede;
- 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: #dedede;
- padding: 0.857rem;
- user-select: none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #dedede;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #212529;
- background: #FFE082;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .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: #212529;
- }
- .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #FFE082;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #dedede;
- background: #3c3c3c;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-megamenu .p-megamenu-panel {
- background: #252525;
- color: #dedede;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- }
- .p-megamenu .p-submenu-header {
- margin: 0;
- padding: 0.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-megamenu .p-submenu-list {
- padding: 0;
- width: 12.5rem;
- }
- .p-megamenu .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #4b4b4b;
- margin: 0;
- }
- .p-megamenu.p-megamenu-vertical {
- width: 12.5rem;
- padding: 0;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
- color: #dedede;
- 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.857rem;
- user-select: none;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- 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: #dedede;
- 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: #dedede;
- background: #4c4c4c;
- }
- .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: #dedede;
- }
- .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: #dedede;
- }
-
- .p-menu {
- padding: 0;
- background: #252525;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- width: 12.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content {
- color: #dedede;
- 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: #dedede;
- padding: 0.857rem;
- user-select: none;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #dedede;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #212529;
- background: #FFE082;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .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: #212529;
- }
- .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #FFE082;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #dedede;
- background: #3c3c3c;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-menu.p-menu-overlay {
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-menu .p-menuitem-separator {
- border-top: 1px solid #4b4b4b;
- margin: 0;
- }
- .p-menu .p-menuitem-badge {
- background: #FFE082;
- color: #212529;
- 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: #252525;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- }
- .p-menubar .p-menubar-root-list {
- outline: 0 none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
- color: #dedede;
- 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.857rem;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #dedede;
- margin-left: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .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: #dedede;
- }
- .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: #dedede;
- }
- .p-menubar .p-menuitem > .p-menuitem-content {
- color: #dedede;
- 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: #dedede;
- padding: 0.857rem;
- user-select: none;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #dedede;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
- color: #212529;
- background: #FFE082;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .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: #212529;
- }
- .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #FFE082;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #dedede;
- background: #3c3c3c;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-menubar .p-submenu-list {
- padding: 0;
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- width: 12.5rem;
- border-radius: 3px;
- }
- .p-menubar .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #4b4b4b;
- margin: 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: #dedede;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-menubar .p-menubar-button:hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-menubar .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0;
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- width: 100%;
- }
- .p-menubar .p-menubar-root-list .p-menuitem-separator {
- border-top: 1px solid #4b4b4b;
- margin: 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.571rem;
- }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 4.285rem;
- }
- .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.999rem;
- }
- .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: 7.713rem;
- }
- .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: 9.427rem;
- }
- .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 #191919;
- color: #dedede;
- background: #191919;
- 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: #dedede;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .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.1rem white;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: #191919;
- border-color: #191919;
- color: #FFE082;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
- background: #FFE082;
- border-color: #FFE082;
- color: #212529;
- 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: #FFCA28;
- background: #FFCA28;
- color: #212529;
- }
- .p-panelmenu .p-panelmenu-content {
- padding: 0;
- border: 1px solid #191919;
- background: #323232;
- color: #dedede;
- 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: #dedede;
- 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: #dedede;
- padding: 0.857rem;
- user-select: none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #dedede;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
- color: #212529;
- background: #FFE082;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .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: #212529;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #FFE082;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #dedede;
- background: #3c3c3c;
- }
- .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: #dedede;
- }
- .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: #dedede;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .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 #4b4b4b;
- margin: 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: 2px;
- }
-
- .p-slidemenu {
- padding: 0;
- background: #252525;
- color: #dedede;
- border: 1px solid #191919;
- 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: #dedede;
- 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: #dedede;
- padding: 0.857rem;
- user-select: none;
- }
- .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem;
- }
- .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #dedede;
- }
- .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #212529;
- background: #FFE082;
- }
- .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .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: #212529;
- }
- .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #FFE082;
- }
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #dedede;
- background: #3c3c3c;
- }
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-slidemenu.p-slidemenu-overlay {
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-slidemenu .p-slidemenu-list {
- padding: 0;
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-slidemenu .p-menuitem-separator {
- border-top: 1px solid #4b4b4b;
- margin: 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.857rem;
- color: #dedede;
- }
- .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.1rem white;
- }
- .p-slidemenu .p-menuitem-badge {
- background: #FFE082;
- color: #212529;
- 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: #191919;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #dedede;
- border: 1px solid #191919;
- background: #191919;
- 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: #888888;
- }
- .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.1rem white;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #FFE082;
- color: #212529;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 700;
- color: #dedede;
- }
- .p-steps .p-steps-item:before {
- content: " ";
- border-top: 1px solid #4b4b4b;
- width: 100%;
- top: 50%;
- left: 0;
- display: block;
- position: absolute;
- margin-top: -1rem;
- }
-
- .p-tabmenu .p-tabmenu-nav {
- background: transparent;
- border: 0 none;
- border-width: 1px;
- }
- .p-tabmenu .p-tabmenu-nav .p-menuitem-badge {
- background: #FFE082;
- color: #212529;
- 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: 2px;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: 1px solid #191919;
- border-width: 1px;
- border-color: #191919;
- background: #191919;
- color: #dedede;
- padding: 0.857rem 1rem;
- font-weight: 700;
- 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 -1px 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.1rem white;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #191919;
- border-color: #191919;
- color: #FFE082;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #FFE082;
- border-color: #FFE082;
- color: #212529;
- }
- .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: #FFE082;
- color: #212529;
- 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.1rem white;
- }
-
- .p-tieredmenu {
- padding: 0;
- background: #252525;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- width: 12.5rem;
- }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
- .p-tieredmenu .p-submenu-list {
- padding: 0;
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: #dedede;
- 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: #dedede;
- padding: 0.857rem;
- user-select: none;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #dedede;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #212529;
- background: #FFE082;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .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: #212529;
- }
- .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #FFE082;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #dedede;
- background: #3c3c3c;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-tieredmenu .p-menuitem-separator {
- border-top: 1px solid #4b4b4b;
- margin: 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;
- margin: 0;
- border-radius: 3px;
- }
- .p-inline-message.p-inline-message-info {
- background: #7fbcec;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #212121;
- }
- .p-inline-message.p-inline-message-success {
- background: #b7d8b7;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #212121;
- }
- .p-inline-message.p-inline-message-warn {
- background: #ffe399;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #212121;
- }
- .p-inline-message.p-inline-message-error {
- background: #f8b7bd;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #212121;
- }
- .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;
- }
- .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.1rem white;
- }
- .p-message.p-message-info {
- background: #7fbcec;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-message.p-message-info .p-message-icon {
- color: #212121;
- }
- .p-message.p-message-info .p-message-close {
- color: #212121;
- }
- .p-message.p-message-success {
- background: #b7d8b7;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-message.p-message-success .p-message-icon {
- color: #212121;
- }
- .p-message.p-message-success .p-message-close {
- color: #212121;
- }
- .p-message.p-message-warn {
- background: #ffe399;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-message.p-message-warn .p-message-icon {
- color: #212121;
- }
- .p-message.p-message-warn .p-message-close {
- color: #212121;
- }
- .p-message.p-message-error {
- background: #f8b7bd;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-message.p-message-error .p-message-icon {
- color: #212121;
- }
- .p-message.p-message-error .p-message-close {
- color: #212121;
- }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: normal;
- }
- .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 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 0.5rem;
- }
- .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.1rem white;
- }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #7fbcec;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .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: #212121;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #b7d8b7;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .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: #212121;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #ffe399;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .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: #212121;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #f8b7bd;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .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: #212121;
- }
-
- .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 0.5rem;
- }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-item-nav .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: #4b4b4b;
- 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: #4c4c4c;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #FFE082;
- color: #212529;
- }
- .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: #FFE082;
- color: #212529;
- }
- .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.1rem white;
- }
-
- .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: #4b4b4b;
- 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 #323232;
- }
-
- .p-badge {
- background: #FFE082;
- color: #212529;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- }
- .p-badge.p-badge-success {
- background-color: #aed581;
- color: #212529;
- }
- .p-badge.p-badge-info {
- background-color: #4fc3f7;
- color: #212529;
- }
- .p-badge.p-badge-warning {
- background-color: #ffb74d;
- color: #212529;
- }
- .p-badge.p-badge-danger {
- background-color: #e57373;
- color: #212529;
- }
- .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: #4b4b4b;
- color: #dedede;
- border-radius: 16px;
- padding: 0 0.429rem;
- }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.2145rem;
- margin-bottom: 0.2145rem;
- }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem;
- }
- .p-chip .pi-chip-remove-icon {
- margin-left: 0.5rem;
- }
- .p-chip img {
- width: 1.929rem;
- height: 1.929rem;
- margin-left: -0.429rem;
- 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.1rem white;
- }
- .p-chip .pi-chip-remove-icon:focus {
- outline: 0 none;
- }
-
- .p-inplace .p-inplace-display {
- padding: 0.429rem 0.429rem;
- 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: #4c4c4c;
- color: #dedede;
- }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
-
- .p-metergroup {
- display: flex;
- }
-
- .p-metergroup-meters {
- display: flex;
- }
-
- .p-metergroup-vertical .p-metergroup-meters {
- flex-direction: column;
- }
-
- .p-metergroup-labels {
- display: flex;
- flex-wrap: wrap;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-metergroup-vertical .p-metergroup-labels {
- align-items: start;
- }
-
- .p-metergroup-labels-vertical {
- flex-direction: column;
- }
-
- .p-metergroup-label {
- display: inline-flex;
- align-items: center;
- }
-
- .p-metergroup-label-marker {
- display: inline-flex;
- }
-
- .p-metergroup {
- gap: 1rem;
- }
- .p-metergroup .p-metergroup-meters {
- background: #eaeaea;
- border-radius: 3px;
- }
- .p-metergroup .p-metergroup-meter {
- border: 0 none;
- background: #FFE082;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
- background: #FFE082;
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 100%;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
- gap: 1rem;
- }
- .p-metergroup.p-metergroup-horizontal {
- flex-direction: column;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
- height: 0.5rem;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-metergroup.p-metergroup-vertical {
- flex-direction: row;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
- width: 0.5rem;
- height: 100%;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
- border-top-left-radius: 3px;
- border-top-right-radius: 3px;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
- }
-
- .p-progressbar {
- border: 0 none;
- height: 24px;
- background: #eaeaea;
- border-radius: 3px;
- }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #FFE082;
- }
- .p-progressbar .p-progressbar-label {
- color: #212529;
- line-height: 24px;
- }
-
- .p-scrolltop {
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-scrolltop.p-link {
- background: #FFE082;
- }
- .p-scrolltop.p-link:hover {
- background: #FFD54F;
- }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #212529;
- }
- .p-scrolltop .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-skeleton {
- background-color: rgba(255, 255, 255, 0.06);
- border-radius: 3px;
- }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
- }
-
- .p-tag {
- background: #FFE082;
- color: #212529;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 3px;
- }
- .p-tag.p-tag-success {
- background-color: #aed581;
- color: #212529;
- }
- .p-tag.p-tag-info {
- background-color: #4fc3f7;
- color: #212529;
- }
- .p-tag.p-tag-warning {
- background-color: #ffb74d;
- color: #212529;
- }
- .p-tag.p-tag-danger {
- background-color: #e57373;
- color: #212529;
- }
- .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: #323232;
- color: #dedede;
- border: 1px solid #191919;
- padding: 0.571rem 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 */
diff --git a/client/src/assets/components/themes/luna-blue/theme.css b/client/src/assets/components/themes/luna-blue/theme.css
deleted file mode 100644
index dfb77335..00000000
--- a/client/src/assets/components/themes/luna-blue/theme.css
+++ /dev/null
@@ -1,6367 +0,0 @@
-: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: #81D4FA;
- --primary-color-text: #212529;
- --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: 0.571rem 1rem;
- --inline-spacing: 0.5rem;
- --border-radius: 3px;
- --surface-ground: #191919;
- --surface-section: #191919;
- --surface-card: #323232;
- --surface-overlay: #323232;
- --surface-border: #4b4b4b;
- --surface-hover: #4c4c4c;
- --maskbg: rgba(0, 0, 0, 0.4);
- --highlight-bg: #81D4FA;
- --highlight-text-color: #212529;
- --focus-ring: 0 0 0 0.1rem white;
- color-scheme: light dark;
-}
-
-:root {
- --blue-50:#f3f8fc;
- --blue-100:#c6dcef;
- --blue-200:#98c1e3;
- --blue-300:#6ba5d7;
- --blue-400:#3d8aca;
- --blue-500:#106ebe;
- --blue-600:#0e5ea2;
- --blue-700:#0b4d85;
- --blue-800:#093d69;
- --blue-900:#062c4c;
- --green-50:#f7fbf6;
- --green-100:#d6ead1;
- --green-200:#b6d9ad;
- --green-300:#96c889;
- --green-400:#76b765;
- --green-500:#56a641;
- --green-600:#498d37;
- --green-700:#3c742e;
- --green-800:#2f5b24;
- --green-900:#22421a;
- --yellow-50:#fffcf5;
- --yellow-100:#fdefcd;
- --yellow-200:#fbe3a6;
- --yellow-300:#f9d67f;
- --yellow-400:#f8ca57;
- --yellow-500:#f6bd30;
- --yellow-600:#d1a129;
- --yellow-700:#ac8422;
- --yellow-800:#87681a;
- --yellow-900:#624c13;
- --cyan-50:#f4fbfd;
- --cyan-100:#ccebf5;
- --cyan-200:#a4dbed;
- --cyan-300:#7ccce5;
- --cyan-400:#54bcdd;
- --cyan-500:#2cacd5;
- --cyan-600:#2592b5;
- --cyan-700:#1f7895;
- --cyan-800:#185f75;
- --cyan-900:#124555;
- --pink-50:#fdf4f9;
- --pink-100:#f6cce0;
- --pink-200:#eea3c7;
- --pink-300:#e77aae;
- --pink-400:#df5296;
- --pink-500:#d8297d;
- --pink-600:#b8236a;
- --pink-700:#971d58;
- --pink-800:#771745;
- --pink-900:#561032;
- --indigo-50:#f4f6fd;
- --indigo-100:#ccd3f5;
- --indigo-200:#a4b0ed;
- --indigo-300:#7c8de5;
- --indigo-400:#546add;
- --indigo-500:#2c47d5;
- --indigo-600:#253cb5;
- --indigo-700:#1f3295;
- --indigo-800:#182775;
- --indigo-900:#121c55;
- --teal-50:#f6fbfa;
- --teal-100:#d1eae5;
- --teal-200:#add9d1;
- --teal-300:#89c8bd;
- --teal-400:#65b7a8;
- --teal-500:#41a694;
- --teal-600:#378d7e;
- --teal-700:#2e7468;
- --teal-800:#245b51;
- --teal-900:#1a423b;
- --orange-50:#fff9f5;
- --orange-100:#fde4cd;
- --orange-200:#fbcfa6;
- --orange-300:#f9ba7f;
- --orange-400:#f8a457;
- --orange-500:#f68f30;
- --orange-600:#d17a29;
- --orange-700:#ac6422;
- --orange-800:#874f1a;
- --orange-900:#623913;
- --bluegray-50:#f7f8f9;
- --bluegray-100:#dae0e3;
- --bluegray-200:#bdc7cd;
- --bluegray-300:#a0aeb6;
- --bluegray-400:#8295a0;
- --bluegray-500:#657c8a;
- --bluegray-600:#566975;
- --bluegray-700:#475761;
- --bluegray-800:#38444c;
- --bluegray-900:#283237;
- --purple-50:#f9f8fd;
- --purple-100:#e1dff7;
- --purple-200:#cac5f1;
- --purple-300:#b2abeb;
- --purple-400:#9b92e4;
- --purple-500:#8378de;
- --purple-600:#6f66bd;
- --purple-700:#5c549b;
- --purple-800:#48427a;
- --purple-900:#343059;
- --red-50:#fdf4f3;
- --red-100:#f6ccc6;
- --red-200:#eea39a;
- --red-300:#e77b6d;
- --red-400:#df5240;
- --red-500:#d82a13;
- --red-600:#b82410;
- --red-700:#971d0d;
- --red-800:#77170a;
- --red-900:#561108;
- --primary-50:#f9fdff;
- --primary-100:#e1f5fe;
- --primary-200:#c9edfd;
- --primary-300:#b1e4fc;
- --primary-400:#99dcfb;
- --primary-500:#81d4fa;
- --primary-600:#6eb4d5;
- --primary-700:#5a94af;
- --primary-800:#47758a;
- --primary-900:#345564;
-}
-
-.p-editor-container .p-editor-toolbar {
- background: #191919;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
-}
-.p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #191919;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #888888;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #888888;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #888888;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #dedede;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #dedede;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #dedede;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #dedede;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #dedede;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #dedede;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #323232;
- border: 1px solid #191919;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- padding: 0;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #dedede;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #dedede;
- background: #4c4c4c;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.429rem 0.857rem;
-}
-.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 #191919;
-}
-.p-editor-container .p-editor-content .ql-editor {
- background: #191919;
- color: #dedede;
- 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: #dedede;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #dedede;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #dedede;
-}
-.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: #81D4FA;
-}
-.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: #81D4FA;
-}
-.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: #81D4FA;
-}
-.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: #81D4FA;
-}
-
-@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.5;
- }
-
- .p-error {
- color: #e57373;
- }
-
- .p-text-secondary {
- color: #888888;
- }
-
- .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.1rem white;
- }
-
- .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.429rem;
- }
- .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 2.786rem;
- }
- .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
- border-color: #81D4FA;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #81D4FA;
- }
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.2145rem 0.429rem;
- gap: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.2145rem 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: #dedede;
- padding: 0;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.2145rem 0.429rem;
- background: #4b4b4b;
- color: #dedede;
- 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: #464646;
- color: #dedede;
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #e57373;
- }
-
- .p-autocomplete-panel {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #dedede;
- 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:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #212529;
- background: #81D4FA;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: #81d4fa;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #dedede;
- background: #3c3c3c;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message {
- padding: 0.429rem 0.857rem;
- color: #dedede;
- background: transparent;
- }
-
- p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
- border-color: #e57373;
- }
-
- p-autocomplete.p-autocomplete-clearable .p-inputtext {
- padding-right: 1.858rem;
- }
- p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon {
- color: #888888;
- right: 0.429rem;
- }
-
- p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon {
- color: #888888;
- right: 2.786rem;
- }
-
- p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
- border-color: #e57373;
- }
-
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #81D4FA;
- }
-
- .p-datepicker {
- padding: 0.857rem;
- background: #323232;
- color: #dedede;
- border: 1px solid #4b4b4b;
- border-radius: 3px;
- }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #323232;
- border: 1px solid #191919;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #252525;
- }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: #dedede;
- background: #323232;
- font-weight: 700;
- margin: 0;
- border-bottom: 0 none;
- 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: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .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.1rem white;
- }
- .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: #dedede;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- font-weight: 700;
- 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: #81D4FA;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem;
- }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.857rem 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: 3px;
- 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: #212529;
- background: #81D4FA;
- }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .p-datepicker table td.p-datepicker-today > span {
- background: #29B6F6;
- color: #212529;
- border-color: transparent;
- }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #212529;
- background: #81D4FA;
- }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 0.857rem 0 0.429rem 0;
- border-top: 1px solid #4b4b4b;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto;
- }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #4b4b4b;
- padding: 0.857rem 0 0.429rem 0;
- }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .p-datepicker .p-timepicker button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .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.857rem 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: #212529;
- background: #81D4FA;
- }
- .p-datepicker .p-yearpicker {
- margin: 0.857rem 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: #212529;
- background: #81D4FA;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-left: 1px solid #4b4b4b;
- padding-right: 0.857rem;
- padding-left: 0.857rem;
- 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: #4c4c4c;
- }
- .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.1rem white;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
- background: #4c4c4c;
- }
- .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.1rem white;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
- background: #4c4c4c;
- }
- .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.1rem white;
- }
-
- p-calendar.p-calendar-clearable .p-inputtext {
- padding-right: 1.858rem;
- }
- p-calendar.p-calendar-clearable .p-calendar-clear-icon {
- color: #888888;
- right: 0.429rem;
- }
-
- p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon {
- color: #888888;
- right: 2.786rem;
- }
-
- @media screen and (max-width: 769px) {
- .p-datepicker table th, .p-datepicker table td {
- padding: 0;
- }
- }
- .p-cascadeselect {
- background: #191919;
- border: 1px solid #4b4b4b;
- 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: #81D4FA;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #81D4FA;
- }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.429rem 0.429rem;
- }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #9b9b9b;
- }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #888888;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #e57373;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #4b4b4b;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #4b4b4b;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #4b4b4b;
- }
-
- .p-cascadeselect-panel {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: #dedede;
- 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:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #212529;
- background: #81D4FA;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: #81d4fa;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #dedede;
- background: #3c3c3c;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.429rem 0.857rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem;
- }
-
- .p-input-filled .p-cascadeselect {
- background: #4b4b4b;
- }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: #4b4b4b;
- }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
- background-color: #4b4b4b;
- }
-
- p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect {
- border-color: #e57373;
- }
-
- p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label {
- padding-right: 0.429rem;
- }
- p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon {
- color: #888888;
- 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: 1px solid #4b4b4b;
- background: #191919;
- width: 20px;
- height: 20px;
- color: #dedede;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #212529;
- font-size: 14px;
- }
- .p-checkbox .p-checkbox-box .p-icon {
- width: 14px;
- height: 14px;
- }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #81D4FA;
- background: #81D4FA;
- }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: #81D4FA;
- }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #81D4FA;
- }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #29B6F6;
- background: #29B6F6;
- color: #212529;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #4b4b4b;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
- background: #81D4FA;
- }
- .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #4b4b4b;
- }
- .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #29B6F6;
- }
-
- p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
- border-color: #e57373;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #4b4b4b;
- }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #81D4FA;
- }
- .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #4b4b4b;
- }
- .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #29B6F6;
- }
-
- .p-checkbox-label {
- margin-left: 0.5rem;
- }
-
- .p-highlight .p-checkbox .p-checkbox-box {
- border-color: #212529;
- }
-
- p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
- border-color: #e57373;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #81D4FA;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #81D4FA;
- }
- .p-chips .p-chips-multiple-container {
- padding: 0.2145rem 0.429rem;
- gap: 0.5rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #4b4b4b;
- color: #dedede;
- border-radius: 16px;
- }
- .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
- background: #464646;
- color: #dedede;
- }
- .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.2145rem 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: #dedede;
- padding: 0;
- margin: 0;
- }
-
- p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
- border-color: #e57373;
- }
-
- p-chips.p-chips-clearable .p-inputtext {
- padding-right: 1.429rem;
- }
- p-chips.p-chips-clearable .p-chips-clear-icon {
- color: #888888;
- right: 0.429rem;
- }
-
- .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.16);
- }
-
- .p-dropdown {
- background: #191919;
- border: 1px solid #4b4b4b;
- 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: #81D4FA;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #81D4FA;
- }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.429rem;
- }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none;
- }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #9b9b9b;
- }
- .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: #888888;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: #888888;
- right: 2.357rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #e57373;
- }
- .p-dropdown.p-variant-filled {
- background-color: #4b4b4b;
- }
- .p-dropdown.p-variant-filled:enabled:hover {
- background-color: #4b4b4b;
- }
- .p-dropdown.p-variant-filled:enabled:focus {
- background-color: #4b4b4b;
- }
-
- .p-dropdown-panel {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #191919;
- color: #dedede;
- background: #252525;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.429rem;
- margin-right: -1.429rem;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.429rem;
- color: #888888;
- }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #dedede;
- 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:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #212529;
- background: #81D4FA;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: #81d4fa;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #dedede;
- background: #3c3c3c;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.429rem 0.857rem;
- color: #dedede;
- background: transparent;
- }
-
- .p-input-filled .p-dropdown {
- background: #4b4b4b;
- }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: #4b4b4b;
- }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
- background-color: #4b4b4b;
- }
- .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: #e57373;
- }
-
- .p-icon-field .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-inputgroup-addon {
- background: #252525;
- color: #888888;
- border-top: 1px solid #4b4b4b;
- border-left: 1px solid #4b4b4b;
- border-bottom: 1px solid #4b4b4b;
- padding: 0.429rem 0.429rem;
- min-width: 2.357rem;
- }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #4b4b4b;
- }
-
- .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-icon-field-left .p-input-icon:first-of-type {
- left: 0.429rem;
- color: #888888;
- }
-
- .p-icon-field-right .p-input-icon:last-of-type {
- right: 0.429rem;
- color: #888888;
- }
-
- p-inputmask.ng-dirty.ng-invalid > .p-inputtext {
- border-color: #e57373;
- }
-
- p-inputmask.p-inputmask-clearable .p-inputtext {
- padding-right: 1.858rem;
- }
- p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon {
- color: #888888;
- right: 0.429rem;
- }
-
- .p-inputmask.p-variant-filled {
- background-color: #4b4b4b;
- }
- .p-inputmask.p-variant-filled:enabled:hover {
- background-color: #4b4b4b;
- }
- .p-inputmask.p-variant-filled:enabled:focus {
- background-color: #4b4b4b;
- }
-
- p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
- border-color: #e57373;
- }
-
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-input {
- padding-right: 1.858rem;
- }
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon {
- color: #888888;
- right: 0.429rem;
- }
-
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon {
- right: 2.786rem;
- }
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon {
- right: 2.786rem;
- }
-
- p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #4b4b4b;
- }
- p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #4b4b4b;
- }
- p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #4b4b4b;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 1.858rem;
- }
-
- .p-inputswitch {
- width: 3rem;
- height: 1.75rem;
- }
- .p-inputswitch .p-inputswitch-slider {
- background: #4b4b4b;
- 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: #323232;
- 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.1rem white;
- }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: #4b4b4b;
- }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: #81D4FA;
- }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: #323232;
- }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: #4FC3F7;
- }
-
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
- border-color: #e57373;
- }
-
- .p-inputtext {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #dedede;
- background: #191919;
- padding: 0.429rem 0.429rem;
- border: 1px solid #4b4b4b;
- 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: #81D4FA;
- }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #81D4FA;
- }
- .p-inputtext.ng-dirty.ng-invalid {
- border-color: #e57373;
- }
- .p-inputtext.p-variant-filled {
- background-color: #4b4b4b;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #4b4b4b;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #4b4b4b;
- }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.375375rem 0.375375rem;
- }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.53625rem 0.53625rem;
- }
-
- .p-float-label > label {
- left: 0.429rem;
- color: #9b9b9b;
- transition-duration: 0.2s;
- }
-
- .p-float-label > .ng-invalid.ng-dirty + label {
- color: #e57373;
- }
-
- .p-input-icon-left > .p-icon-wrapper.p-icon,
-.p-input-icon-left > i:first-of-type {
- left: 0.429rem;
- color: #888888;
- }
-
- .p-input-icon-left > .p-inputtext {
- padding-left: 1.858rem;
- }
-
- .p-input-icon-left.p-float-label > label {
- left: 1.858rem;
- }
-
- .p-input-icon-right > .p-icon-wrapper,
-.p-input-icon-right > i:last-of-type {
- right: 0.429rem;
- color: #888888;
- }
-
- .p-input-icon-right > .p-inputtext {
- padding-right: 1.858rem;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 1.858rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 1.858rem;
- }
-
- .p-icon-field-right > .p-inputtext {
- padding-right: 1.858rem;
- }
-
- ::-webkit-input-placeholder {
- color: #9b9b9b;
- }
-
- :-moz-placeholder {
- color: #9b9b9b;
- }
-
- ::-moz-placeholder {
- color: #9b9b9b;
- }
-
- :-ms-input-placeholder {
- color: #9b9b9b;
- }
-
- .p-input-filled .p-inputtext {
- background-color: #4b4b4b;
- }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #4b4b4b;
- }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #4b4b4b;
- }
-
- .p-inputtext-sm .p-inputtext {
- font-size: 0.875rem;
- padding: 0.375375rem 0.375375rem;
- }
-
- .p-inputtext-lg .p-inputtext {
- font-size: 1.25rem;
- padding: 0.53625rem 0.53625rem;
- }
-
- .p-listbox {
- background: #323232;
- color: #dedede;
- border: 1px solid #4b4b4b;
- 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.429rem 0.857rem;
- border-bottom: 1px solid #191919;
- color: #dedede;
- background: #252525;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.429rem;
- }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.429rem;
- color: #888888;
- }
- .p-listbox .p-listbox-header .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-listbox .p-listbox-list {
- padding: 0;
- outline: 0 none;
- }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #dedede;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #212529;
- background: #81D4FA;
- }
- .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.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700;
- }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.429rem 0.857rem;
- color: #dedede;
- background: transparent;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
- background: #81d4fa;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-listbox.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #81D4FA;
- }
-
- p-listbox.ng-dirty.ng-invalid > .p-listbox {
- border-color: #e57373;
- }
-
- .p-multiselect {
- background: #191919;
- border: 1px solid #4b4b4b;
- 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: #81D4FA;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #81D4FA;
- }
- .p-multiselect .p-multiselect-label {
- padding: 0.429rem 0.429rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #9b9b9b;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #4b4b4b;
- color: #dedede;
- 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: #888888;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-multiselect.p-variant-filled {
- background: #4b4b4b;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #4b4b4b;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #4b4b4b;
- }
-
- .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.2145rem 0.429rem;
- }
-
- .p-multiselect-clearable .p-multiselect-label-container {
- padding-right: 1.429rem;
- }
- .p-multiselect-clearable .p-multiselect-clear-icon {
- color: #888888;
- right: 2.357rem;
- }
-
- .p-multiselect-panel {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #191919;
- color: #dedede;
- background: #252525;
- 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.429rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.429rem;
- color: #888888;
- }
- .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: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #dedede;
- 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:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #212529;
- background: #81D4FA;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: #81d4fa;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .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.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.429rem 0.857rem;
- color: #dedede;
- background: transparent;
- }
-
- .p-input-filled .p-multiselect {
- background: #4b4b4b;
- }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: #4b4b4b;
- }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
- background-color: #4b4b4b;
- }
-
- p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
- border-color: #e57373;
- }
-
- p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext {
- border-color: #e57373;
- }
-
- .p-password-panel {
- padding: 0.571rem 1rem;
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #eaeaea;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #e57373;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #ffb74d;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #aed581;
- }
-
- p-password.p-password-clearable .p-password-input {
- padding-right: 1.858rem;
- }
- p-password.p-password-clearable .p-password-clear-icon {
- color: #888888;
- right: 0.429rem;
- }
-
- p-password.p-password-clearable.p-password-mask .p-password-input {
- padding-right: 3.287rem;
- }
- p-password.p-password-clearable.p-password-mask .p-password-clear-icon {
- color: #888888;
- right: 1.858rem;
- }
-
- .p-radiobutton {
- width: 20px;
- height: 20px;
- }
- .p-radiobutton .p-radiobutton-box {
- border: 1px solid #4b4b4b;
- background: #191919;
- width: 20px;
- height: 20px;
- color: #dedede;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: #81D4FA;
- }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #81D4FA;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.2s;
- background-color: #212529;
- }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #81D4FA;
- background: #81D4FA;
- }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #29B6F6;
- background: #29B6F6;
- color: #212529;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #4b4b4b;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #4b4b4b;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight {
- background: #81D4FA;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #29B6F6;
- }
-
- p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
- border-color: #e57373;
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #4b4b4b;
- }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #4b4b4b;
- }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
- background: #81D4FA;
- }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #29B6F6;
- }
-
- .p-radiobutton-label {
- margin-left: 0.5rem;
- }
-
- .p-highlight .p-radiobutton .p-radiobutton-box {
- border-color: #212529;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- border-radius: 50%;
- outline-color: transparent;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- }
- .p-rating .p-rating-item .p-rating-icon {
- color: #dedede;
- 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: #e4018d;
- }
- .p-rating .p-rating-item.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #81D4FA;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #81D4FA;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #b5019f;
- }
-
- .p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #212529;
- }
-
- .p-selectbutton .p-button {
- background: #252525;
- border: 1px solid #252525;
- color: #dedede;
- 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: #888888;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #4c4c4c;
- border-color: #4c4c4c;
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-selectbutton .p-button.p-highlight {
- background: #81D4FA;
- border-color: #81D4FA;
- color: #212529;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #212529;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #4FC3F7;
- border-color: #4FC3F7;
- color: #212529;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #212529;
- }
-
- p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
- border-color: #e57373;
- }
-
- .p-slider {
- background: #4b4b4b;
- 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 {
- height: 100%;
- width: 0.286rem;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem;
- }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #4c4c4c;
- border: 2px solid #81D4FA;
- border-radius: 100%;
- 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.1rem white;
- }
- .p-slider .p-slider-range {
- background: #81D4FA;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #81D4FA;
- border-color: #81D4FA;
- }
- .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: #252525;
- border: 1px solid #252525;
- color: #dedede;
- 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: #888888;
- }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #4c4c4c;
- border-color: #4c4c4c;
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-togglebutton.p-button.p-highlight {
- background: #81D4FA;
- border-color: #81D4FA;
- color: #212529;
- }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: #212529;
- }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #4FC3F7;
- border-color: #4FC3F7;
- color: #212529;
- }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: #212529;
- }
-
- p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
- border-color: #e57373;
- }
-
- .p-treeselect {
- background: #191919;
- border: 1px solid #4b4b4b;
- 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: #81D4FA;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #81D4FA;
- }
- .p-treeselect .p-treeselect-label {
- padding: 0.429rem 0.429rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #9b9b9b;
- }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #4b4b4b;
- color: #dedede;
- border-radius: 16px;
- }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #888888;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-treeselect.p-variant-filled {
- background-color: #4b4b4b;
- }
- .p-treeselect.p-variant-filled:enabled:hover {
- background-color: #4b4b4b;
- }
- .p-treeselect.p-variant-filled:enabled:focus {
- background-color: #4b4b4b;
- }
-
- p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
- border-color: #e57373;
- }
-
- .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.2145rem 0.429rem;
- }
-
- .p-treeselect-panel {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-treeselect-panel .p-treeselect-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #191919;
- color: #dedede;
- background: #252525;
- 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.429rem;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
- right: 0.429rem;
- color: #888888;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
- padding-right: 2.858rem;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
- right: 1.858rem;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-close {
- width: 2rem;
- height: 2rem;
- color: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .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.429rem 0.857rem;
- color: #dedede;
- background: transparent;
- }
-
- .p-input-filled .p-treeselect {
- background: #4b4b4b;
- }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #4b4b4b;
- }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #4b4b4b;
- }
-
- p-treeselect.p-treeselect-clearable .p-treeselect-label-container {
- padding-right: 1.429rem;
- }
- p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
- color: #888888;
- right: 2.357rem;
- }
-
- .p-button {
- color: #212529;
- background: #81D4FA;
- border: 1px solid #81D4FA;
- padding: 0.429rem 1rem;
- font-size: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- outline-color: transparent;
- }
- .p-button:not(:disabled):hover {
- background: #4FC3F7;
- color: #212529;
- border-color: #4FC3F7;
- }
- .p-button:not(:disabled):active {
- background: #29B6F6;
- color: #212529;
- border-color: #29B6F6;
- }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #81D4FA;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(129, 212, 250, 0.04);
- color: #81D4FA;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(129, 212, 250, 0.16);
- color: #81D4FA;
- border: 1px solid;
- }
- .p-button.p-button-outlined.p-button-plain {
- color: #888888;
- border-color: #888888;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
- background: #4c4c4c;
- color: #888888;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
- background: #3c3c3c;
- color: #888888;
- }
- .p-button.p-button-text {
- background-color: transparent;
- color: #81D4FA;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(129, 212, 250, 0.04);
- color: #81D4FA;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(129, 212, 250, 0.16);
- color: #81D4FA;
- border-color: transparent;
- }
- .p-button.p-button-text.p-button-plain {
- color: #888888;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):hover {
- background: #4c4c4c;
- color: #888888;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):active {
- background: #3c3c3c;
- color: #888888;
- }
- .p-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .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: #81D4FA;
- background-color: #212529;
- }
- .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.429rem 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.375375rem 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.53625rem 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-button-group {
- display: flex;
- }
- .p-fluid .p-button-group .p-button {
- flex: 1;
- }
-
- .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
- color: #121212;
- background: #b0bec5;
- border: 1px solid #b0bec5;
- }
- .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
- background: #90a4ae;
- color: #121212;
- border-color: #90a4ae;
- }
- .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 0.1rem #cfd8dc;
- }
- .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
- background: #78909c;
- color: #121212;
- border-color: #78909c;
- }
- .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #b0bec5;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.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(176, 190, 197, 0.04);
- color: #b0bec5;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.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(176, 190, 197, 0.16);
- color: #b0bec5;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #b0bec5;
- border-color: transparent;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.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(176, 190, 197, 0.04);
- border-color: transparent;
- color: #b0bec5;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.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(176, 190, 197, 0.16);
- border-color: transparent;
- color: #b0bec5;
- }
-
- .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
- color: #212529;
- background: #4fc3f7;
- border: 1px solid #4fc3f7;
- }
- .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
- background: #29b6f6;
- color: #212529;
- border-color: #29b6f6;
- }
- .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 0.1rem #e1f5fe;
- }
- .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
- background: #03a9f4;
- color: #212529;
- border-color: #03a9f4;
- }
- .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #4fc3f7;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.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(79, 195, 247, 0.04);
- color: #4fc3f7;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.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(79, 195, 247, 0.16);
- color: #4fc3f7;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #4fc3f7;
- border-color: transparent;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.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(79, 195, 247, 0.04);
- border-color: transparent;
- color: #4fc3f7;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.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(79, 195, 247, 0.16);
- border-color: transparent;
- color: #4fc3f7;
- }
-
- .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
- color: #212529;
- background: #aed581;
- border: 1px solid #aed581;
- }
- .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
- background: #9ccc65;
- color: #212529;
- border-color: #9ccc65;
- }
- .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 0.1rem #f1f8e9;
- }
- .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
- background: #8bc34a;
- color: #212529;
- border-color: #8bc34a;
- }
- .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #aed581;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.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(174, 213, 129, 0.04);
- color: #aed581;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.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(174, 213, 129, 0.16);
- color: #aed581;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #aed581;
- border-color: transparent;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.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(174, 213, 129, 0.04);
- border-color: transparent;
- color: #aed581;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.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(174, 213, 129, 0.16);
- border-color: transparent;
- color: #aed581;
- }
-
- .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
- color: #212529;
- background: #ffb74d;
- border: 1px solid #ffb74d;
- }
- .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
- background: #ffa726;
- color: #212529;
- border-color: #ffa726;
- }
- .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 0.1rem #fffde7;
- }
- .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
- background: #ff9800;
- color: #212529;
- border-color: #ff9800;
- }
- .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ffb74d;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.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, 183, 77, 0.04);
- color: #ffb74d;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.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, 183, 77, 0.16);
- color: #ffb74d;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #ffb74d;
- border-color: transparent;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.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, 183, 77, 0.04);
- border-color: transparent;
- color: #ffb74d;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.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, 183, 77, 0.16);
- border-color: transparent;
- color: #ffb74d;
- }
-
- .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
- color: #121212;
- background: #ce93d8;
- border: 1px solid #ce93d8;
- }
- .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
- background: #ba68c8;
- color: #121212;
- border-color: #ba68c8;
- }
- .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #ce93d8;
- }
- .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
- background: #ab47bc;
- color: #121212;
- border-color: #ab47bc;
- }
- .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ce93d8;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.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(206, 147, 216, 0.04);
- color: #ce93d8;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.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(206, 147, 216, 0.16);
- color: #ce93d8;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #ce93d8;
- border-color: transparent;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.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(206, 147, 216, 0.04);
- border-color: transparent;
- color: #ce93d8;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.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(206, 147, 216, 0.16);
- border-color: transparent;
- color: #ce93d8;
- }
-
- .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
- color: #212529;
- background: #e57373;
- border: 1px solid #e57373;
- }
- .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
- background: #ef5350;
- color: #212529;
- border-color: #ef5350;
- }
- .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 0.1rem #ffebee;
- }
- .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
- background: #f44336;
- color: #212529;
- border-color: #f44336;
- }
- .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #e57373;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.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(229, 115, 115, 0.04);
- color: #e57373;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.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(229, 115, 115, 0.16);
- color: #e57373;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #e57373;
- border-color: transparent;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.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(229, 115, 115, 0.04);
- border-color: transparent;
- color: #e57373;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.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(229, 115, 115, 0.16);
- border-color: transparent;
- color: #e57373;
- }
-
- .p-button.p-button-link {
- color: #81D4FA;
- background: transparent;
- border: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #81D4FA;
- 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 white;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #81D4FA;
- 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.1rem white;
- }
-
- .p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: #474747;
- color: #fff;
- }
- .p-speeddial-action:hover {
- background: #4d4d4d;
- 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-rounded {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-rounded > .p-button {
- border-radius: 2rem;
- }
- .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-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
- width: 2rem;
- height: 2rem;
- color: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .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.1rem white;
- }
- .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: #4b4b4b;
- 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: #4c4c4c;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: #81D4FA;
- color: #212529;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 1px 1px 0 1px;
- border-radius: 0;
- }
- .p-datatable .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- border-radius: 0;
- }
- .p-datatable .p-datatable-header {
- background: #191919;
- color: #dedede;
- border: 1px solid #191919;
- border-width: 1px 1px 0 1px;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-datatable .p-datatable-footer {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-width: 0 1px 1px 1px;
- padding: 0.571rem 1rem;
- font-weight: normal;
- }
- .p-datatable .p-datatable-thead > tr > th {
- text-align: left;
- padding: 0.571rem 0.857rem;
- border: 1px solid #191919;
- border-width: 1px 1px 1px 1px;
- font-weight: 700;
- color: #dedede;
- background: #252525;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-datatable .p-datatable-tfoot > tr > td {
- text-align: left;
- padding: 0.571rem 0.857rem;
- border: 1px solid #191919;
- border-width: 1px;
- font-weight: 700;
- color: #dedede;
- background: #252525;
- }
- .p-datatable .p-sortable-column .p-sortable-column-icon {
- color: #888888;
- 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: #212529;
- background: #81D4FA;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #dedede;
- }
- .p-datatable .p-sortable-column.p-highlight {
- background: #81D4FA;
- color: #212529;
- }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #212529;
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: #81D4FA;
- color: #212529;
- }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #212529;
- }
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: inset 0 0 0 0.15rem white;
- outline: 0 none;
- }
- .p-datatable .p-datatable-tbody > tr {
- background: #323232;
- color: #dedede;
- 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 #191919;
- border-width: 1px;
- padding: 0.571rem 0.857rem;
- }
- .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: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .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.1rem white;
- }
- .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 white;
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #81D4FA;
- color: #212529;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #81D4FA;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #81D4FA;
- }
- .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede;
- }
- .p-datatable .p-column-resizer-helper {
- background: #81D4FA;
- }
- .p-datatable .p-datatable-scrollable-header,
-.p-datatable .p-datatable-scrollable-footer {
- background: #191919;
- }
- .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: #252525;
- }
- .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: #323232;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: #81D4FA;
- color: #212529;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: #212529;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: #212529;
- }
- .p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.72845rem 0.85rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.48535rem 0.72845rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.48535rem 0.72845rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.48535rem 0.85rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.48535rem 0.85rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.07125rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 0.71375rem 1.07125rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 0.71375rem 1.07125rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 0.71375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 0.71375rem 1.25rem;
- }
-
- .p-dataview .p-paginator-top {
- border-width: 1px 1px 0 1px;
- border-radius: 0;
- }
- .p-dataview .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- border-radius: 0;
- }
- .p-dataview .p-dataview-header {
- background: #191919;
- color: #dedede;
- border: 1px solid #191919;
- border-width: 1px 1px 0 1px;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-dataview .p-dataview-content {
- background: #323232;
- color: #dedede;
- border: 0 none;
- padding: 0;
- }
- .p-dataview .p-dataview-footer {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-width: 0 1px 1px 1px;
- padding: 0.571rem 1rem;
- font-weight: normal;
- 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: 0.571rem 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: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: transparent;
- color: #dedede;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: #81D4FA;
- color: #212529;
- }
- .p-column-filter-menu-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
-
- .p-column-filter-clear-button {
- width: 2rem;
- height: 2rem;
- color: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .p-column-filter-clear-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
-
- .p-column-filter-overlay {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- min-width: 12.5rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #dedede;
- 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:first-child {
- margin-top: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #212529;
- background: #81D4FA;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .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 white;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #4b4b4b;
- margin: 0;
- }
-
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #191919;
- color: #dedede;
- background: #252525;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0.571rem 1rem;
- border-bottom: 1px solid #4b4b4b;
- }
- .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.571rem 1rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0.571rem 1rem;
- }
-
- .p-orderlist .p-orderlist-controls {
- padding: 0.571rem 1rem;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem;
- }
- .p-orderlist .p-orderlist-list-container {
- background: #323232;
- border: 1px solid #191919;
- 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.1rem white;
- border-color: #81D4FA;
- }
- .p-orderlist .p-orderlist-header {
- color: #dedede;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-orderlist .p-orderlist-header .p-orderlist-title {
- font-weight: 700;
- }
- .p-orderlist .p-orderlist-filter-container {
- padding: 0.857rem 1rem;
- background: #323232;
- border: 1px solid #191919;
- border-bottom: 0 none;
- }
- .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
- padding-right: 1.429rem;
- }
- .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
- right: 0.429rem;
- color: #888888;
- }
- .p-orderlist .p-orderlist-list {
- color: #dedede;
- padding: 0;
- outline: 0 none;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border-top: 1px solid #191919;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.429rem 0.857rem;
- margin: 0;
- border: 0 none;
- color: #dedede;
- background: transparent;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
- margin-top: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
- color: #dedede;
- background: #3c3c3c;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #212529;
- background: #81D4FA;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: #81d4fa;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-empty-message {
- padding: 0.429rem 0.857rem;
- color: #dedede;
- }
- .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
- background: #323232;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
- background: #4c4c4c;
- }
-
- .p-orderlist-item.cdk-drag-preview {
- padding: 0.429rem 0.857rem;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border: 0 none;
- color: #dedede;
- background: #323232;
- margin: 0;
- }
-
- .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight {
- background: #81D4FA;
- color: #212529;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #0aa9f2;
- }
- .p-organizationchart .p-organizationchart-line-down {
- background: #191919;
- }
- .p-organizationchart .p-organizationchart-line-left {
- border-right: 1px solid #191919;
- border-color: #191919;
- }
- .p-organizationchart .p-organizationchart-line-top {
- border-top: 1px solid #191919;
- border-color: #191919;
- }
- .p-organizationchart .p-organizationchart-node-content {
- border: 1px solid #191919;
- background: #323232;
- color: #dedede;
- padding: 0.571rem 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.1rem white;
- }
-
- .p-paginator {
- background: #252525;
- color: #dedede;
- border: solid #191919;
- border-width: 1px;
- padding: 0;
- 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: #dedede;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .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: #e0e0e0;
- border-color: transparent;
- color: #4c4c4c;
- }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
- .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: #dedede;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- padding: 0 0.5rem;
- }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: #dedede;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #81D4FA;
- border-color: #81D4FA;
- color: #212529;
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: #e0e0e0;
- border-color: transparent;
- color: #4c4c4c;
- }
-
- .p-picklist .p-picklist-buttons {
- padding: 0.571rem 1rem;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem;
- }
- .p-picklist .p-picklist-list-wrapper {
- background: #323232;
- border: 1px solid #191919;
- 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.1rem white;
- border-color: #81D4FA;
- }
- .p-picklist .p-picklist-header {
- color: #dedede;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-picklist .p-picklist-header .p-picklist-title {
- font-weight: 700;
- }
- .p-picklist .p-picklist-filter-container {
- padding: 0.857rem 1rem;
- background: #323232;
- border: 1px solid #191919;
- border-bottom: 0 none;
- }
- .p-picklist .p-picklist-filter-container .p-picklist-filter-input {
- padding-right: 1.429rem;
- }
- .p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
- right: 0.429rem;
- color: #888888;
- }
- .p-picklist .p-picklist-list {
- color: #dedede;
- padding: 0;
- outline: 0 none;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border-top: 1px solid #191919;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.429rem 0.857rem;
- margin: 0;
- border: 0 none;
- color: #dedede;
- background: transparent;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-picklist .p-picklist-list .p-picklist-item:first-child {
- margin-top: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-focus {
- color: #dedede;
- background: #3c3c3c;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #212529;
- background: #81D4FA;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: #81d4fa;
- }
- .p-picklist .p-picklist-list .p-picklist-empty-message {
- padding: 0.429rem 0.857rem;
- color: #dedede;
- }
- .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
- background: #323232;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
- background: #4c4c4c;
- }
-
- .p-picklist-item.cdk-drag-preview {
- padding: 0.429rem 0.857rem;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border: 0 none;
- color: #dedede;
- background: #323232;
- margin: 0;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 0 none;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #81D4FA;
- }
- .p-timeline .p-timeline-event-connector {
- background-color: #191919;
- }
- .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 #191919;
- background: #323232;
- color: #dedede;
- padding: 0.571rem 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 white;
- }
- .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;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .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.1rem white;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #888888;
- }
- .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: #dedede;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #4b4b4b;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
- background: #81D4FA;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
- background-color: #4b4b4b;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
- background: #29B6F6;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #81D4FA;
- color: #212529;
- }
- .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: #212529;
- }
- .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: #212529;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
- background: #4c4c4c;
- color: #dedede;
- }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.429rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.429rem;
- color: #888888;
- }
- .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: #38bbf7;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content {
- border-radius: 3px;
- border: 1px solid #191919;
- background-color: #323232;
- color: #dedede;
- padding: 0;
- 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: #81D4FA;
- color: #212529;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #212529;
- }
- .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: #888888;
- 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: #4c4c4c;
- color: #dedede;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 1px 1px 0 1px;
- border-radius: 0;
- }
- .p-treetable .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- border-radius: 0;
- }
- .p-treetable .p-treetable-header {
- background: #191919;
- color: #dedede;
- border: 1px solid #191919;
- border-width: 1px 1px 0 1px;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-treetable .p-treetable-footer {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-width: 0 1px 1px 1px;
- padding: 0.571rem 1rem;
- font-weight: normal;
- }
- .p-treetable .p-treetable-thead > tr > th {
- text-align: left;
- padding: 0.571rem 0.857rem;
- border: 1px solid #191919;
- border-width: 1px 1px 1px 1px;
- font-weight: 700;
- color: #dedede;
- background: #252525;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-treetable .p-treetable-tfoot > tr > td {
- text-align: left;
- padding: 0.571rem 0.857rem;
- border: 1px solid #191919;
- border-width: 1px;
- font-weight: 700;
- color: #dedede;
- background: #252525;
- }
- .p-treetable .p-sortable-column {
- outline-color: white;
- }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #888888;
- 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: #212529;
- background: #81D4FA;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #dedede;
- }
- .p-treetable .p-sortable-column.p-highlight {
- background: #81D4FA;
- color: #212529;
- }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #212529;
- }
- .p-treetable .p-treetable-tbody > tr {
- background: #323232;
- color: #dedede;
- 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 #191919;
- border-width: 1px;
- padding: 0.571rem 0.857rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .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: #dedede;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #4b4b4b;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
- background: #81D4FA;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
- background-color: #4b4b4b;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
- background: #29B6F6;
- }
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid white;
- outline-offset: -0.15rem;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #81D4FA;
- color: #212529;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #212529;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #212529;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #dedede;
- }
- .p-treetable .p-column-resizer-helper {
- background: #81D4FA;
- }
- .p-treetable .p-treetable-scrollable-header,
-.p-treetable .p-treetable-scrollable-footer {
- background: #191919;
- }
- .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.749875rem 0.875rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.48535rem 0.72845rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.48535rem 0.72845rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.48535rem 0.85rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.48535rem 0.85rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.07125rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 0.71375rem 1.07125rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 0.71375rem 1.07125rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 0.71375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 0.71375rem 1.25rem;
- }
-
- .p-virtualscroller .p-virtualscroller-header {
- background: #191919;
- color: #dedede;
- border: 1px solid #191919;
- border-width: 1px 1px 0 1px;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-virtualscroller .p-virtualscroller-content {
- background: #323232;
- color: #dedede;
- border: 0 none;
- padding: 0;
- }
- .p-virtualscroller .p-virtualscroller-footer {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-width: 0 1px 1px 1px;
- padding: 0.571rem 1rem;
- font-weight: normal;
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
- }
-
- .p-accordion .p-accordion-header .p-accordion-header-link {
- padding: 0.857rem 1rem;
- border: 1px solid #191919;
- color: #dedede;
- background: #191919;
- font-weight: 700;
- 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.1rem white;
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: #191919;
- border-color: #191919;
- color: #81D4FA;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
- background: #81D4FA;
- border-color: #81D4FA;
- color: #212529;
- 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: #29B6F6;
- background: #29B6F6;
- color: #212529;
- }
- .p-accordion .p-accordion-content {
- padding: 0.571rem 1rem;
- border: 1px solid #191919;
- background: #323232;
- color: #dedede;
- 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: 2px;
- }
-
- .p-card {
- background: #323232;
- color: #dedede;
- 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: 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: #888888;
- }
- .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: #323232;
- }
- .p-divider.p-divider-horizontal {
- margin: 1rem 0;
- padding: 0 1rem;
- }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px #4b4b4b;
- }
- .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 #4b4b4b;
- }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0;
- }
-
- .p-fieldset {
- border: 1px solid #191919;
- background: #323232;
- color: #dedede;
- border-radius: 3px;
- }
- .p-fieldset .p-fieldset-legend {
- padding: 0.857rem 1rem;
- border: 1px solid #191919;
- color: #dedede;
- background: #191919;
- font-weight: 700;
- 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: 0.857rem 1rem;
- color: #dedede;
- 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.1rem white;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: #191919;
- border-color: #191919;
- color: #81D4FA;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0.571rem 1rem;
- }
-
- .p-panel .p-panel-header {
- border: 1px solid #191919;
- padding: 0.857rem 1rem;
- background: #191919;
- color: #dedede;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 700;
- }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.857rem 1rem;
- }
- .p-panel .p-panel-content {
- padding: 0.571rem 1rem;
- border: 1px solid #191919;
- background: #323232;
- color: #dedede;
- 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.571rem 1rem;
- border: 1px solid #191919;
- background: #323232;
- color: #dedede;
- 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: #3f3f3f;
- 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.1rem white;
- }
-
- .p-splitter {
- border: 1px solid #191919;
- background: #323232;
- border-radius: 3px;
- color: #dedede;
- }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: #191919;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #4b4b4b;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .p-splitter .p-splitter-gutter-resizing {
- background: #4b4b4b;
- }
-
- .p-tabview .p-tabview-nav-content {
- scroll-padding-inline: 2.357rem;
- }
- .p-tabview .p-tabview-nav {
- background: transparent;
- border: 0 none;
- border-width: 1px;
- }
- .p-tabview .p-tabview-nav li {
- margin-right: 2px;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: 1px solid #191919;
- border-width: 1px;
- border-color: #191919;
- background: #191919;
- color: #dedede;
- padding: 0.857rem 1rem;
- font-weight: 700;
- 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 -1px 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.1rem white;
- }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #191919;
- border-color: #191919;
- color: #81D4FA;
- }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #81D4FA;
- border-color: #81D4FA;
- color: #212529;
- }
- .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: #81D4FA;
- color: #212529;
- 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.1rem white;
- }
- .p-tabview .p-tabview-panels {
- background: #323232;
- padding: 0.571rem 1rem;
- border: 1px solid #191919;
- color: #dedede;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
-
- .p-toolbar {
- background: #191919;
- border: 1px solid #191919;
- padding: 0.857rem 1rem;
- border-radius: 3px;
- gap: 0.5rem;
- }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem;
- }
-
- .p-stepper .p-stepper-nav {
- position: relative;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow-x: auto;
- }
-
- .p-stepper-vertical .p-stepper-nav {
- flex-direction: column;
- }
-
- .p-stepper-header {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- align-items: center;
- }
- .p-stepper-header:last-of-type {
- flex: initial;
- }
-
- .p-stepper-header .p-stepper-action {
- border: 0 none;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- cursor: pointer;
- }
- .p-stepper-header .p-stepper-action:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
-
- .p-stepper.p-stepper-readonly .p-stepper-header {
- cursor: auto;
- }
-
- .p-stepper-header.p-highlight .p-stepper-action {
- cursor: default;
- }
-
- .p-stepper-title {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-stepper-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-stepper-separator {
- flex: 1 1 0;
- }
-
- .p-stepper .p-stepper-nav {
- display: flex;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .p-stepper .p-stepper-header {
- padding: 0.5rem;
- }
- .p-stepper .p-stepper-header .p-stepper-action {
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- background: #191919;
- outline-color: transparent;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- color: #dedede;
- border: 1px solid #191919;
- border-width: 2px;
- background: #191919;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
- margin-left: 0.5rem;
- color: #888888;
- font-weight: 700;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #81D4FA;
- color: #212529;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #dedede;
- }
- .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
- background-color: #81D4FA;
- }
- .p-stepper .p-stepper-panels {
- background: #323232;
- padding: 0.571rem 1rem;
- color: #dedede;
- }
- .p-stepper .p-stepper-separator {
- background-color: #191919;
- width: 100%;
- height: 2px;
- margin-inline-start: 1rem;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-stepper.p-stepper-vertical {
- display: flex;
- flex-direction: column;
- }
- .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
- display: flex;
- flex: 1 1 auto;
- background: #323232;
- color: #dedede;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel {
- display: flex;
- flex-direction: column;
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
- flex: 1 1 auto;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
- width: 100%;
- padding-left: 1rem;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
- flex: 0 0 auto;
- width: 2px;
- height: auto;
- margin-inline-start: calc(1.75rem + 2px);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
- background-color: #81D4FA;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
- padding-left: 3rem;
- }
-
- .p-confirm-popup {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 0.571rem 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0.571rem 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(50, 50, 50, 0);
- border-bottom-color: #323232;
- }
- .p-confirm-popup:before {
- border: solid transparent;
- border-color: rgba(25, 25, 25, 0);
- border-bottom-color: #191919;
- }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #323232;
- }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #191919;
- }
- .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 6px 0 rgba(0, 0, 0, 0.16);
- border: 1px solid #191919;
- }
- .p-dialog .p-dialog-header {
- border-bottom: 1px solid #191919;
- background: #191919;
- color: #dedede;
- padding: 1rem;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 700;
- font-size: 1rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0;
- }
- .p-dialog .p-dialog-content {
- background: #323232;
- color: #dedede;
- padding: 1rem;
- }
- .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 #191919;
- background: #323232;
- color: #dedede;
- padding: 0.571rem 1rem;
- 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: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0.571rem 1rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- background: #81D4FA;
- color: #212529;
- 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: #4FC3F7;
- color: #212529;
- }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(50, 50, 50, 0);
- border-bottom-color: #323232;
- }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(25, 25, 25, 0);
- border-bottom-color: #181818;
- }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #323232;
- }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #191919;
- }
-
- .p-sidebar {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-sidebar .p-sidebar-header {
- padding: 0.857rem 1rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .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.1rem white;
- }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0;
- }
- .p-sidebar .p-sidebar-content {
- padding: 0.571rem 1rem;
- }
- .p-sidebar .p-sidebar-footer {
- padding: 0.857rem 1rem;
- }
-
- .p-tooltip .p-tooltip-text {
- background: #4c4c4c;
- color: #dedede;
- padding: 0.429rem 0.429rem;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- }
- .p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #4c4c4c;
- }
- .p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #4c4c4c;
- }
- .p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #4c4c4c;
- }
- .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #4c4c4c;
- }
-
- .p-fileupload .p-fileupload-buttonbar {
- background: #191919;
- padding: 0.857rem 1rem;
- border: 1px solid #191919;
- color: #dedede;
- 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.1rem white;
- }
- .p-fileupload .p-fileupload-content {
- background: #323232;
- padding: 0.571rem 1rem;
- border: 1px solid #191919;
- color: #dedede;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- border-color: 1px dashed #81D4FA;
- border-style: dashed;
- background-color: #81D4FA;
- }
- .p-fileupload .p-progressbar {
- height: 0.25rem;
- }
- .p-fileupload .p-fileupload-row > div {
- padding: 0.571rem 0.857rem;
- }
- .p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0;
- }
-
- .p-fileupload-choose:not(.p-disabled):hover {
- background: #4FC3F7;
- color: #212529;
- border-color: #4FC3F7;
- }
- .p-fileupload-choose:not(.p-disabled):active {
- background: #29B6F6;
- color: #212529;
- border-color: #29B6F6;
- }
-
- .p-breadcrumb {
- background: #252525;
- border: 1px solid #191919;
- border-radius: 3px;
- padding: 0.571rem 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.1rem white;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- }
- .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
- margin: 0 0.5rem 0 0.5rem;
- color: #dedede;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
- color: #dedede;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
- color: #dedede;
- }
-
- .p-contextmenu {
- padding: 0;
- background: #252525;
- color: #dedede;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- width: 12.5rem;
- }
- .p-contextmenu .p-contextmenu-root-list {
- outline: 0 none;
- }
- .p-contextmenu .p-submenu-list {
- padding: 0;
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: #dedede;
- 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: #dedede;
- padding: 0.857rem;
- user-select: none;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #dedede;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #212529;
- background: #81D4FA;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .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: #212529;
- }
- .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #81D4FA;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #dedede;
- background: #3c3c3c;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-contextmenu .p-menuitem-separator {
- border-top: 1px solid #4b4b4b;
- margin: 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 white;
- }
- .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: #252525;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- }
- .p-megamenu .p-megamenu-root-list {
- outline: 0 none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content {
- color: #dedede;
- 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: #dedede;
- padding: 0.857rem;
- user-select: none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #dedede;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #212529;
- background: #81D4FA;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .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: #212529;
- }
- .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #81D4FA;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #dedede;
- background: #3c3c3c;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-megamenu .p-megamenu-panel {
- background: #252525;
- color: #dedede;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- }
- .p-megamenu .p-submenu-header {
- margin: 0;
- padding: 0.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-megamenu .p-submenu-list {
- padding: 0;
- width: 12.5rem;
- }
- .p-megamenu .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #4b4b4b;
- margin: 0;
- }
- .p-megamenu.p-megamenu-vertical {
- width: 12.5rem;
- padding: 0;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
- color: #dedede;
- 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.857rem;
- user-select: none;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- 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: #dedede;
- 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: #dedede;
- background: #4c4c4c;
- }
- .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: #dedede;
- }
- .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: #dedede;
- }
-
- .p-menu {
- padding: 0;
- background: #252525;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- width: 12.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content {
- color: #dedede;
- 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: #dedede;
- padding: 0.857rem;
- user-select: none;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #dedede;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #212529;
- background: #81D4FA;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .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: #212529;
- }
- .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #81D4FA;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #dedede;
- background: #3c3c3c;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-menu.p-menu-overlay {
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-menu .p-menuitem-separator {
- border-top: 1px solid #4b4b4b;
- margin: 0;
- }
- .p-menu .p-menuitem-badge {
- background: #81D4FA;
- color: #212529;
- 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: #252525;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- }
- .p-menubar .p-menubar-root-list {
- outline: 0 none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
- color: #dedede;
- 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.857rem;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #dedede;
- margin-left: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .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: #dedede;
- }
- .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: #dedede;
- }
- .p-menubar .p-menuitem > .p-menuitem-content {
- color: #dedede;
- 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: #dedede;
- padding: 0.857rem;
- user-select: none;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #dedede;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
- color: #212529;
- background: #81D4FA;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .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: #212529;
- }
- .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #81D4FA;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #dedede;
- background: #3c3c3c;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-menubar .p-submenu-list {
- padding: 0;
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- width: 12.5rem;
- border-radius: 3px;
- }
- .p-menubar .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #4b4b4b;
- margin: 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: #dedede;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-menubar .p-menubar-button:hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-menubar .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0;
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- width: 100%;
- }
- .p-menubar .p-menubar-root-list .p-menuitem-separator {
- border-top: 1px solid #4b4b4b;
- margin: 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.571rem;
- }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 4.285rem;
- }
- .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.999rem;
- }
- .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: 7.713rem;
- }
- .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: 9.427rem;
- }
- .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 #191919;
- color: #dedede;
- background: #191919;
- 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: #dedede;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .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.1rem white;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: #191919;
- border-color: #191919;
- color: #81D4FA;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
- background: #81D4FA;
- border-color: #81D4FA;
- color: #212529;
- 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: #29B6F6;
- background: #29B6F6;
- color: #212529;
- }
- .p-panelmenu .p-panelmenu-content {
- padding: 0;
- border: 1px solid #191919;
- background: #323232;
- color: #dedede;
- 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: #dedede;
- 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: #dedede;
- padding: 0.857rem;
- user-select: none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #dedede;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
- color: #212529;
- background: #81D4FA;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .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: #212529;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #81D4FA;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #dedede;
- background: #3c3c3c;
- }
- .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: #dedede;
- }
- .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: #dedede;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .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 #4b4b4b;
- margin: 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: 2px;
- }
-
- .p-slidemenu {
- padding: 0;
- background: #252525;
- color: #dedede;
- border: 1px solid #191919;
- 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: #dedede;
- 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: #dedede;
- padding: 0.857rem;
- user-select: none;
- }
- .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem;
- }
- .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #dedede;
- }
- .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #212529;
- background: #81D4FA;
- }
- .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .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: #212529;
- }
- .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #81D4FA;
- }
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #dedede;
- background: #3c3c3c;
- }
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-slidemenu.p-slidemenu-overlay {
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-slidemenu .p-slidemenu-list {
- padding: 0;
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-slidemenu .p-menuitem-separator {
- border-top: 1px solid #4b4b4b;
- margin: 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.857rem;
- color: #dedede;
- }
- .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.1rem white;
- }
- .p-slidemenu .p-menuitem-badge {
- background: #81D4FA;
- color: #212529;
- 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: #191919;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #dedede;
- border: 1px solid #191919;
- background: #191919;
- 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: #888888;
- }
- .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.1rem white;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #81D4FA;
- color: #212529;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 700;
- color: #dedede;
- }
- .p-steps .p-steps-item:before {
- content: " ";
- border-top: 1px solid #4b4b4b;
- width: 100%;
- top: 50%;
- left: 0;
- display: block;
- position: absolute;
- margin-top: -1rem;
- }
-
- .p-tabmenu .p-tabmenu-nav {
- background: transparent;
- border: 0 none;
- border-width: 1px;
- }
- .p-tabmenu .p-tabmenu-nav .p-menuitem-badge {
- background: #81D4FA;
- color: #212529;
- 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: 2px;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: 1px solid #191919;
- border-width: 1px;
- border-color: #191919;
- background: #191919;
- color: #dedede;
- padding: 0.857rem 1rem;
- font-weight: 700;
- 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 -1px 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.1rem white;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #191919;
- border-color: #191919;
- color: #81D4FA;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #81D4FA;
- border-color: #81D4FA;
- color: #212529;
- }
- .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: #81D4FA;
- color: #212529;
- 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.1rem white;
- }
-
- .p-tieredmenu {
- padding: 0;
- background: #252525;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- width: 12.5rem;
- }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
- .p-tieredmenu .p-submenu-list {
- padding: 0;
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: #dedede;
- 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: #dedede;
- padding: 0.857rem;
- user-select: none;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #dedede;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #212529;
- background: #81D4FA;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .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: #212529;
- }
- .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #81D4FA;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #dedede;
- background: #3c3c3c;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-tieredmenu .p-menuitem-separator {
- border-top: 1px solid #4b4b4b;
- margin: 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;
- margin: 0;
- border-radius: 3px;
- }
- .p-inline-message.p-inline-message-info {
- background: #7fbcec;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #212121;
- }
- .p-inline-message.p-inline-message-success {
- background: #b7d8b7;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #212121;
- }
- .p-inline-message.p-inline-message-warn {
- background: #ffe399;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #212121;
- }
- .p-inline-message.p-inline-message-error {
- background: #f8b7bd;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #212121;
- }
- .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;
- }
- .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.1rem white;
- }
- .p-message.p-message-info {
- background: #7fbcec;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-message.p-message-info .p-message-icon {
- color: #212121;
- }
- .p-message.p-message-info .p-message-close {
- color: #212121;
- }
- .p-message.p-message-success {
- background: #b7d8b7;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-message.p-message-success .p-message-icon {
- color: #212121;
- }
- .p-message.p-message-success .p-message-close {
- color: #212121;
- }
- .p-message.p-message-warn {
- background: #ffe399;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-message.p-message-warn .p-message-icon {
- color: #212121;
- }
- .p-message.p-message-warn .p-message-close {
- color: #212121;
- }
- .p-message.p-message-error {
- background: #f8b7bd;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-message.p-message-error .p-message-icon {
- color: #212121;
- }
- .p-message.p-message-error .p-message-close {
- color: #212121;
- }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: normal;
- }
- .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 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 0.5rem;
- }
- .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.1rem white;
- }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #7fbcec;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .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: #212121;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #b7d8b7;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .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: #212121;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #ffe399;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .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: #212121;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #f8b7bd;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .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: #212121;
- }
-
- .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 0.5rem;
- }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-item-nav .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: #4b4b4b;
- 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: #4c4c4c;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #81D4FA;
- color: #212529;
- }
- .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: #81D4FA;
- color: #212529;
- }
- .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.1rem white;
- }
-
- .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: #4b4b4b;
- 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 #323232;
- }
-
- .p-badge {
- background: #81D4FA;
- color: #212529;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- }
- .p-badge.p-badge-success {
- background-color: #aed581;
- color: #212529;
- }
- .p-badge.p-badge-info {
- background-color: #4fc3f7;
- color: #212529;
- }
- .p-badge.p-badge-warning {
- background-color: #ffb74d;
- color: #212529;
- }
- .p-badge.p-badge-danger {
- background-color: #e57373;
- color: #212529;
- }
- .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: #4b4b4b;
- color: #dedede;
- border-radius: 16px;
- padding: 0 0.429rem;
- }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.2145rem;
- margin-bottom: 0.2145rem;
- }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem;
- }
- .p-chip .pi-chip-remove-icon {
- margin-left: 0.5rem;
- }
- .p-chip img {
- width: 1.929rem;
- height: 1.929rem;
- margin-left: -0.429rem;
- 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.1rem white;
- }
- .p-chip .pi-chip-remove-icon:focus {
- outline: 0 none;
- }
-
- .p-inplace .p-inplace-display {
- padding: 0.429rem 0.429rem;
- 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: #4c4c4c;
- color: #dedede;
- }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
-
- .p-metergroup {
- display: flex;
- }
-
- .p-metergroup-meters {
- display: flex;
- }
-
- .p-metergroup-vertical .p-metergroup-meters {
- flex-direction: column;
- }
-
- .p-metergroup-labels {
- display: flex;
- flex-wrap: wrap;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-metergroup-vertical .p-metergroup-labels {
- align-items: start;
- }
-
- .p-metergroup-labels-vertical {
- flex-direction: column;
- }
-
- .p-metergroup-label {
- display: inline-flex;
- align-items: center;
- }
-
- .p-metergroup-label-marker {
- display: inline-flex;
- }
-
- .p-metergroup {
- gap: 1rem;
- }
- .p-metergroup .p-metergroup-meters {
- background: #eaeaea;
- border-radius: 3px;
- }
- .p-metergroup .p-metergroup-meter {
- border: 0 none;
- background: #81D4FA;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
- background: #81D4FA;
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 100%;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
- gap: 1rem;
- }
- .p-metergroup.p-metergroup-horizontal {
- flex-direction: column;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
- height: 0.5rem;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-metergroup.p-metergroup-vertical {
- flex-direction: row;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
- width: 0.5rem;
- height: 100%;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
- border-top-left-radius: 3px;
- border-top-right-radius: 3px;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
- }
-
- .p-progressbar {
- border: 0 none;
- height: 24px;
- background: #eaeaea;
- border-radius: 3px;
- }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #81D4FA;
- }
- .p-progressbar .p-progressbar-label {
- color: #212529;
- line-height: 24px;
- }
-
- .p-scrolltop {
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-scrolltop.p-link {
- background: #81D4FA;
- }
- .p-scrolltop.p-link:hover {
- background: #4FC3F7;
- }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #212529;
- }
- .p-scrolltop .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-skeleton {
- background-color: rgba(255, 255, 255, 0.06);
- border-radius: 3px;
- }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
- }
-
- .p-tag {
- background: #81D4FA;
- color: #212529;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 3px;
- }
- .p-tag.p-tag-success {
- background-color: #aed581;
- color: #212529;
- }
- .p-tag.p-tag-info {
- background-color: #4fc3f7;
- color: #212529;
- }
- .p-tag.p-tag-warning {
- background-color: #ffb74d;
- color: #212529;
- }
- .p-tag.p-tag-danger {
- background-color: #e57373;
- color: #212529;
- }
- .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: #323232;
- color: #dedede;
- border: 1px solid #191919;
- padding: 0.571rem 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 */
diff --git a/client/src/assets/components/themes/luna-green/theme.css b/client/src/assets/components/themes/luna-green/theme.css
deleted file mode 100644
index 89ab0839..00000000
--- a/client/src/assets/components/themes/luna-green/theme.css
+++ /dev/null
@@ -1,6367 +0,0 @@
-: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: #C5E1A5;
- --primary-color-text: #212529;
- --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: 0.571rem 1rem;
- --inline-spacing: 0.5rem;
- --border-radius: 3px;
- --surface-ground: #191919;
- --surface-section: #191919;
- --surface-card: #323232;
- --surface-overlay: #323232;
- --surface-border: #4b4b4b;
- --surface-hover: #4c4c4c;
- --maskbg: rgba(0, 0, 0, 0.4);
- --highlight-bg: #C5E1A5;
- --highlight-text-color: #212529;
- --focus-ring: 0 0 0 0.1rem white;
- color-scheme: light dark;
-}
-
-:root {
- --blue-50:#f3f8fc;
- --blue-100:#c6dcef;
- --blue-200:#98c1e3;
- --blue-300:#6ba5d7;
- --blue-400:#3d8aca;
- --blue-500:#106ebe;
- --blue-600:#0e5ea2;
- --blue-700:#0b4d85;
- --blue-800:#093d69;
- --blue-900:#062c4c;
- --green-50:#f7fbf6;
- --green-100:#d6ead1;
- --green-200:#b6d9ad;
- --green-300:#96c889;
- --green-400:#76b765;
- --green-500:#56a641;
- --green-600:#498d37;
- --green-700:#3c742e;
- --green-800:#2f5b24;
- --green-900:#22421a;
- --yellow-50:#fffcf5;
- --yellow-100:#fdefcd;
- --yellow-200:#fbe3a6;
- --yellow-300:#f9d67f;
- --yellow-400:#f8ca57;
- --yellow-500:#f6bd30;
- --yellow-600:#d1a129;
- --yellow-700:#ac8422;
- --yellow-800:#87681a;
- --yellow-900:#624c13;
- --cyan-50:#f4fbfd;
- --cyan-100:#ccebf5;
- --cyan-200:#a4dbed;
- --cyan-300:#7ccce5;
- --cyan-400:#54bcdd;
- --cyan-500:#2cacd5;
- --cyan-600:#2592b5;
- --cyan-700:#1f7895;
- --cyan-800:#185f75;
- --cyan-900:#124555;
- --pink-50:#fdf4f9;
- --pink-100:#f6cce0;
- --pink-200:#eea3c7;
- --pink-300:#e77aae;
- --pink-400:#df5296;
- --pink-500:#d8297d;
- --pink-600:#b8236a;
- --pink-700:#971d58;
- --pink-800:#771745;
- --pink-900:#561032;
- --indigo-50:#f4f6fd;
- --indigo-100:#ccd3f5;
- --indigo-200:#a4b0ed;
- --indigo-300:#7c8de5;
- --indigo-400:#546add;
- --indigo-500:#2c47d5;
- --indigo-600:#253cb5;
- --indigo-700:#1f3295;
- --indigo-800:#182775;
- --indigo-900:#121c55;
- --teal-50:#f6fbfa;
- --teal-100:#d1eae5;
- --teal-200:#add9d1;
- --teal-300:#89c8bd;
- --teal-400:#65b7a8;
- --teal-500:#41a694;
- --teal-600:#378d7e;
- --teal-700:#2e7468;
- --teal-800:#245b51;
- --teal-900:#1a423b;
- --orange-50:#fff9f5;
- --orange-100:#fde4cd;
- --orange-200:#fbcfa6;
- --orange-300:#f9ba7f;
- --orange-400:#f8a457;
- --orange-500:#f68f30;
- --orange-600:#d17a29;
- --orange-700:#ac6422;
- --orange-800:#874f1a;
- --orange-900:#623913;
- --bluegray-50:#f7f8f9;
- --bluegray-100:#dae0e3;
- --bluegray-200:#bdc7cd;
- --bluegray-300:#a0aeb6;
- --bluegray-400:#8295a0;
- --bluegray-500:#657c8a;
- --bluegray-600:#566975;
- --bluegray-700:#475761;
- --bluegray-800:#38444c;
- --bluegray-900:#283237;
- --purple-50:#f9f8fd;
- --purple-100:#e1dff7;
- --purple-200:#cac5f1;
- --purple-300:#b2abeb;
- --purple-400:#9b92e4;
- --purple-500:#8378de;
- --purple-600:#6f66bd;
- --purple-700:#5c549b;
- --purple-800:#48427a;
- --purple-900:#343059;
- --red-50:#fdf4f3;
- --red-100:#f6ccc6;
- --red-200:#eea39a;
- --red-300:#e77b6d;
- --red-400:#df5240;
- --red-500:#d82a13;
- --red-600:#b82410;
- --red-700:#971d0d;
- --red-800:#77170a;
- --red-900:#561108;
- --primary-50:#fcfefb;
- --primary-100:#f1f8e9;
- --primary-200:#e6f2d8;
- --primary-300:#dbecc7;
- --primary-400:#d0e7b6;
- --primary-500:#c5e1a5;
- --primary-600:#a7bf8c;
- --primary-700:#8a9e74;
- --primary-800:#6c7c5b;
- --primary-900:#4f5a42;
-}
-
-.p-editor-container .p-editor-toolbar {
- background: #191919;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
-}
-.p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #191919;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #888888;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #888888;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #888888;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #dedede;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #dedede;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #dedede;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #dedede;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #dedede;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #dedede;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #323232;
- border: 1px solid #191919;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- padding: 0;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #dedede;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #dedede;
- background: #4c4c4c;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.429rem 0.857rem;
-}
-.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 #191919;
-}
-.p-editor-container .p-editor-content .ql-editor {
- background: #191919;
- color: #dedede;
- 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: #dedede;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #dedede;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #dedede;
-}
-.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: #C5E1A5;
-}
-.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: #C5E1A5;
-}
-.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: #C5E1A5;
-}
-.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: #C5E1A5;
-}
-
-@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.5;
- }
-
- .p-error {
- color: #e57373;
- }
-
- .p-text-secondary {
- color: #888888;
- }
-
- .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.1rem white;
- }
-
- .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.429rem;
- }
- .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 2.786rem;
- }
- .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
- border-color: #C5E1A5;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #C5E1A5;
- }
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.2145rem 0.429rem;
- gap: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.2145rem 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: #dedede;
- padding: 0;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.2145rem 0.429rem;
- background: #4b4b4b;
- color: #dedede;
- 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: #464646;
- color: #dedede;
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #e57373;
- }
-
- .p-autocomplete-panel {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #dedede;
- 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:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #212529;
- background: #C5E1A5;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: #c5e1a5;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #dedede;
- background: #3c3c3c;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message {
- padding: 0.429rem 0.857rem;
- color: #dedede;
- background: transparent;
- }
-
- p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
- border-color: #e57373;
- }
-
- p-autocomplete.p-autocomplete-clearable .p-inputtext {
- padding-right: 1.858rem;
- }
- p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon {
- color: #888888;
- right: 0.429rem;
- }
-
- p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon {
- color: #888888;
- right: 2.786rem;
- }
-
- p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
- border-color: #e57373;
- }
-
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #C5E1A5;
- }
-
- .p-datepicker {
- padding: 0.857rem;
- background: #323232;
- color: #dedede;
- border: 1px solid #4b4b4b;
- border-radius: 3px;
- }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #323232;
- border: 1px solid #191919;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #252525;
- }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: #dedede;
- background: #323232;
- font-weight: 700;
- margin: 0;
- border-bottom: 0 none;
- 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: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .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.1rem white;
- }
- .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: #dedede;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- font-weight: 700;
- 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: #C5E1A5;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem;
- }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.857rem 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: 3px;
- 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: #212529;
- background: #C5E1A5;
- }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .p-datepicker table td.p-datepicker-today > span {
- background: #9CCC65;
- color: #212529;
- border-color: transparent;
- }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #212529;
- background: #C5E1A5;
- }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 0.857rem 0 0.429rem 0;
- border-top: 1px solid #4b4b4b;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto;
- }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #4b4b4b;
- padding: 0.857rem 0 0.429rem 0;
- }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .p-datepicker .p-timepicker button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .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.857rem 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: #212529;
- background: #C5E1A5;
- }
- .p-datepicker .p-yearpicker {
- margin: 0.857rem 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: #212529;
- background: #C5E1A5;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-left: 1px solid #4b4b4b;
- padding-right: 0.857rem;
- padding-left: 0.857rem;
- 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: #4c4c4c;
- }
- .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.1rem white;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
- background: #4c4c4c;
- }
- .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.1rem white;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
- background: #4c4c4c;
- }
- .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.1rem white;
- }
-
- p-calendar.p-calendar-clearable .p-inputtext {
- padding-right: 1.858rem;
- }
- p-calendar.p-calendar-clearable .p-calendar-clear-icon {
- color: #888888;
- right: 0.429rem;
- }
-
- p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon {
- color: #888888;
- right: 2.786rem;
- }
-
- @media screen and (max-width: 769px) {
- .p-datepicker table th, .p-datepicker table td {
- padding: 0;
- }
- }
- .p-cascadeselect {
- background: #191919;
- border: 1px solid #4b4b4b;
- 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: #C5E1A5;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #C5E1A5;
- }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.429rem 0.429rem;
- }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #9b9b9b;
- }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #888888;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #e57373;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #4b4b4b;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #4b4b4b;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #4b4b4b;
- }
-
- .p-cascadeselect-panel {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: #dedede;
- 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:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #212529;
- background: #C5E1A5;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: #c5e1a5;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #dedede;
- background: #3c3c3c;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.429rem 0.857rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem;
- }
-
- .p-input-filled .p-cascadeselect {
- background: #4b4b4b;
- }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: #4b4b4b;
- }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
- background-color: #4b4b4b;
- }
-
- p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect {
- border-color: #e57373;
- }
-
- p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label {
- padding-right: 0.429rem;
- }
- p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon {
- color: #888888;
- 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: 1px solid #4b4b4b;
- background: #191919;
- width: 20px;
- height: 20px;
- color: #dedede;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #212529;
- font-size: 14px;
- }
- .p-checkbox .p-checkbox-box .p-icon {
- width: 14px;
- height: 14px;
- }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #C5E1A5;
- background: #C5E1A5;
- }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: #C5E1A5;
- }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #C5E1A5;
- }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #9CCC65;
- background: #9CCC65;
- color: #212529;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #4b4b4b;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
- background: #C5E1A5;
- }
- .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #4b4b4b;
- }
- .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #9CCC65;
- }
-
- p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
- border-color: #e57373;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #4b4b4b;
- }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #C5E1A5;
- }
- .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #4b4b4b;
- }
- .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #9CCC65;
- }
-
- .p-checkbox-label {
- margin-left: 0.5rem;
- }
-
- .p-highlight .p-checkbox .p-checkbox-box {
- border-color: #212529;
- }
-
- p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
- border-color: #e57373;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #C5E1A5;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #C5E1A5;
- }
- .p-chips .p-chips-multiple-container {
- padding: 0.2145rem 0.429rem;
- gap: 0.5rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #4b4b4b;
- color: #dedede;
- border-radius: 16px;
- }
- .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
- background: #464646;
- color: #dedede;
- }
- .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.2145rem 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: #dedede;
- padding: 0;
- margin: 0;
- }
-
- p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
- border-color: #e57373;
- }
-
- p-chips.p-chips-clearable .p-inputtext {
- padding-right: 1.429rem;
- }
- p-chips.p-chips-clearable .p-chips-clear-icon {
- color: #888888;
- right: 0.429rem;
- }
-
- .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.16);
- }
-
- .p-dropdown {
- background: #191919;
- border: 1px solid #4b4b4b;
- 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: #C5E1A5;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #C5E1A5;
- }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.429rem;
- }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none;
- }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #9b9b9b;
- }
- .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: #888888;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: #888888;
- right: 2.357rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #e57373;
- }
- .p-dropdown.p-variant-filled {
- background-color: #4b4b4b;
- }
- .p-dropdown.p-variant-filled:enabled:hover {
- background-color: #4b4b4b;
- }
- .p-dropdown.p-variant-filled:enabled:focus {
- background-color: #4b4b4b;
- }
-
- .p-dropdown-panel {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #191919;
- color: #dedede;
- background: #252525;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.429rem;
- margin-right: -1.429rem;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.429rem;
- color: #888888;
- }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #dedede;
- 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:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #212529;
- background: #C5E1A5;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: #c5e1a5;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #dedede;
- background: #3c3c3c;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.429rem 0.857rem;
- color: #dedede;
- background: transparent;
- }
-
- .p-input-filled .p-dropdown {
- background: #4b4b4b;
- }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: #4b4b4b;
- }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
- background-color: #4b4b4b;
- }
- .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: #e57373;
- }
-
- .p-icon-field .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-inputgroup-addon {
- background: #252525;
- color: #888888;
- border-top: 1px solid #4b4b4b;
- border-left: 1px solid #4b4b4b;
- border-bottom: 1px solid #4b4b4b;
- padding: 0.429rem 0.429rem;
- min-width: 2.357rem;
- }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #4b4b4b;
- }
-
- .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-icon-field-left .p-input-icon:first-of-type {
- left: 0.429rem;
- color: #888888;
- }
-
- .p-icon-field-right .p-input-icon:last-of-type {
- right: 0.429rem;
- color: #888888;
- }
-
- p-inputmask.ng-dirty.ng-invalid > .p-inputtext {
- border-color: #e57373;
- }
-
- p-inputmask.p-inputmask-clearable .p-inputtext {
- padding-right: 1.858rem;
- }
- p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon {
- color: #888888;
- right: 0.429rem;
- }
-
- .p-inputmask.p-variant-filled {
- background-color: #4b4b4b;
- }
- .p-inputmask.p-variant-filled:enabled:hover {
- background-color: #4b4b4b;
- }
- .p-inputmask.p-variant-filled:enabled:focus {
- background-color: #4b4b4b;
- }
-
- p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
- border-color: #e57373;
- }
-
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-input {
- padding-right: 1.858rem;
- }
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon {
- color: #888888;
- right: 0.429rem;
- }
-
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon {
- right: 2.786rem;
- }
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon {
- right: 2.786rem;
- }
-
- p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #4b4b4b;
- }
- p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #4b4b4b;
- }
- p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #4b4b4b;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 1.858rem;
- }
-
- .p-inputswitch {
- width: 3rem;
- height: 1.75rem;
- }
- .p-inputswitch .p-inputswitch-slider {
- background: #4b4b4b;
- 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: #323232;
- 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.1rem white;
- }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: #4b4b4b;
- }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: #C5E1A5;
- }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: #323232;
- }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: #AED581;
- }
-
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
- border-color: #e57373;
- }
-
- .p-inputtext {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #dedede;
- background: #191919;
- padding: 0.429rem 0.429rem;
- border: 1px solid #4b4b4b;
- 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: #C5E1A5;
- }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #C5E1A5;
- }
- .p-inputtext.ng-dirty.ng-invalid {
- border-color: #e57373;
- }
- .p-inputtext.p-variant-filled {
- background-color: #4b4b4b;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #4b4b4b;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #4b4b4b;
- }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.375375rem 0.375375rem;
- }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.53625rem 0.53625rem;
- }
-
- .p-float-label > label {
- left: 0.429rem;
- color: #9b9b9b;
- transition-duration: 0.2s;
- }
-
- .p-float-label > .ng-invalid.ng-dirty + label {
- color: #e57373;
- }
-
- .p-input-icon-left > .p-icon-wrapper.p-icon,
-.p-input-icon-left > i:first-of-type {
- left: 0.429rem;
- color: #888888;
- }
-
- .p-input-icon-left > .p-inputtext {
- padding-left: 1.858rem;
- }
-
- .p-input-icon-left.p-float-label > label {
- left: 1.858rem;
- }
-
- .p-input-icon-right > .p-icon-wrapper,
-.p-input-icon-right > i:last-of-type {
- right: 0.429rem;
- color: #888888;
- }
-
- .p-input-icon-right > .p-inputtext {
- padding-right: 1.858rem;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 1.858rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 1.858rem;
- }
-
- .p-icon-field-right > .p-inputtext {
- padding-right: 1.858rem;
- }
-
- ::-webkit-input-placeholder {
- color: #9b9b9b;
- }
-
- :-moz-placeholder {
- color: #9b9b9b;
- }
-
- ::-moz-placeholder {
- color: #9b9b9b;
- }
-
- :-ms-input-placeholder {
- color: #9b9b9b;
- }
-
- .p-input-filled .p-inputtext {
- background-color: #4b4b4b;
- }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #4b4b4b;
- }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #4b4b4b;
- }
-
- .p-inputtext-sm .p-inputtext {
- font-size: 0.875rem;
- padding: 0.375375rem 0.375375rem;
- }
-
- .p-inputtext-lg .p-inputtext {
- font-size: 1.25rem;
- padding: 0.53625rem 0.53625rem;
- }
-
- .p-listbox {
- background: #323232;
- color: #dedede;
- border: 1px solid #4b4b4b;
- 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.429rem 0.857rem;
- border-bottom: 1px solid #191919;
- color: #dedede;
- background: #252525;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.429rem;
- }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.429rem;
- color: #888888;
- }
- .p-listbox .p-listbox-header .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-listbox .p-listbox-list {
- padding: 0;
- outline: 0 none;
- }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #dedede;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #212529;
- background: #C5E1A5;
- }
- .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.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700;
- }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.429rem 0.857rem;
- color: #dedede;
- background: transparent;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
- background: #c5e1a5;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-listbox.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #C5E1A5;
- }
-
- p-listbox.ng-dirty.ng-invalid > .p-listbox {
- border-color: #e57373;
- }
-
- .p-multiselect {
- background: #191919;
- border: 1px solid #4b4b4b;
- 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: #C5E1A5;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #C5E1A5;
- }
- .p-multiselect .p-multiselect-label {
- padding: 0.429rem 0.429rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #9b9b9b;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #4b4b4b;
- color: #dedede;
- 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: #888888;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-multiselect.p-variant-filled {
- background: #4b4b4b;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #4b4b4b;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #4b4b4b;
- }
-
- .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.2145rem 0.429rem;
- }
-
- .p-multiselect-clearable .p-multiselect-label-container {
- padding-right: 1.429rem;
- }
- .p-multiselect-clearable .p-multiselect-clear-icon {
- color: #888888;
- right: 2.357rem;
- }
-
- .p-multiselect-panel {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #191919;
- color: #dedede;
- background: #252525;
- 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.429rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.429rem;
- color: #888888;
- }
- .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: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #dedede;
- 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:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #212529;
- background: #C5E1A5;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: #c5e1a5;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .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.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.429rem 0.857rem;
- color: #dedede;
- background: transparent;
- }
-
- .p-input-filled .p-multiselect {
- background: #4b4b4b;
- }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: #4b4b4b;
- }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
- background-color: #4b4b4b;
- }
-
- p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
- border-color: #e57373;
- }
-
- p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext {
- border-color: #e57373;
- }
-
- .p-password-panel {
- padding: 0.571rem 1rem;
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #eaeaea;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #e57373;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #ffb74d;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #aed581;
- }
-
- p-password.p-password-clearable .p-password-input {
- padding-right: 1.858rem;
- }
- p-password.p-password-clearable .p-password-clear-icon {
- color: #888888;
- right: 0.429rem;
- }
-
- p-password.p-password-clearable.p-password-mask .p-password-input {
- padding-right: 3.287rem;
- }
- p-password.p-password-clearable.p-password-mask .p-password-clear-icon {
- color: #888888;
- right: 1.858rem;
- }
-
- .p-radiobutton {
- width: 20px;
- height: 20px;
- }
- .p-radiobutton .p-radiobutton-box {
- border: 1px solid #4b4b4b;
- background: #191919;
- width: 20px;
- height: 20px;
- color: #dedede;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: #C5E1A5;
- }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #C5E1A5;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.2s;
- background-color: #212529;
- }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #C5E1A5;
- background: #C5E1A5;
- }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #9CCC65;
- background: #9CCC65;
- color: #212529;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #4b4b4b;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #4b4b4b;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight {
- background: #C5E1A5;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #9CCC65;
- }
-
- p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
- border-color: #e57373;
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #4b4b4b;
- }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #4b4b4b;
- }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
- background: #C5E1A5;
- }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #9CCC65;
- }
-
- .p-radiobutton-label {
- margin-left: 0.5rem;
- }
-
- .p-highlight .p-radiobutton .p-radiobutton-box {
- border-color: #212529;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- border-radius: 50%;
- outline-color: transparent;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- }
- .p-rating .p-rating-item .p-rating-icon {
- color: #dedede;
- 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: #e4018d;
- }
- .p-rating .p-rating-item.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #C5E1A5;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #C5E1A5;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #b5019f;
- }
-
- .p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #212529;
- }
-
- .p-selectbutton .p-button {
- background: #252525;
- border: 1px solid #252525;
- color: #dedede;
- 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: #888888;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #4c4c4c;
- border-color: #4c4c4c;
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-selectbutton .p-button.p-highlight {
- background: #C5E1A5;
- border-color: #C5E1A5;
- color: #212529;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #212529;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #AED581;
- border-color: #AED581;
- color: #212529;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #212529;
- }
-
- p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
- border-color: #e57373;
- }
-
- .p-slider {
- background: #4b4b4b;
- 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 {
- height: 100%;
- width: 0.286rem;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem;
- }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #4c4c4c;
- border: 2px solid #C5E1A5;
- border-radius: 100%;
- 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.1rem white;
- }
- .p-slider .p-slider-range {
- background: #C5E1A5;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #C5E1A5;
- border-color: #C5E1A5;
- }
- .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: #252525;
- border: 1px solid #252525;
- color: #dedede;
- 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: #888888;
- }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #4c4c4c;
- border-color: #4c4c4c;
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-togglebutton.p-button.p-highlight {
- background: #C5E1A5;
- border-color: #C5E1A5;
- color: #212529;
- }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: #212529;
- }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #AED581;
- border-color: #AED581;
- color: #212529;
- }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: #212529;
- }
-
- p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
- border-color: #e57373;
- }
-
- .p-treeselect {
- background: #191919;
- border: 1px solid #4b4b4b;
- 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: #C5E1A5;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #C5E1A5;
- }
- .p-treeselect .p-treeselect-label {
- padding: 0.429rem 0.429rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #9b9b9b;
- }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #4b4b4b;
- color: #dedede;
- border-radius: 16px;
- }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #888888;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-treeselect.p-variant-filled {
- background-color: #4b4b4b;
- }
- .p-treeselect.p-variant-filled:enabled:hover {
- background-color: #4b4b4b;
- }
- .p-treeselect.p-variant-filled:enabled:focus {
- background-color: #4b4b4b;
- }
-
- p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
- border-color: #e57373;
- }
-
- .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.2145rem 0.429rem;
- }
-
- .p-treeselect-panel {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-treeselect-panel .p-treeselect-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #191919;
- color: #dedede;
- background: #252525;
- 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.429rem;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
- right: 0.429rem;
- color: #888888;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
- padding-right: 2.858rem;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
- right: 1.858rem;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-close {
- width: 2rem;
- height: 2rem;
- color: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .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.429rem 0.857rem;
- color: #dedede;
- background: transparent;
- }
-
- .p-input-filled .p-treeselect {
- background: #4b4b4b;
- }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #4b4b4b;
- }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #4b4b4b;
- }
-
- p-treeselect.p-treeselect-clearable .p-treeselect-label-container {
- padding-right: 1.429rem;
- }
- p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
- color: #888888;
- right: 2.357rem;
- }
-
- .p-button {
- color: #212529;
- background: #C5E1A5;
- border: 1px solid #C5E1A5;
- padding: 0.429rem 1rem;
- font-size: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- outline-color: transparent;
- }
- .p-button:not(:disabled):hover {
- background: #AED581;
- color: #212529;
- border-color: #AED581;
- }
- .p-button:not(:disabled):active {
- background: #9CCC65;
- color: #212529;
- border-color: #9CCC65;
- }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #C5E1A5;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(197, 225, 165, 0.04);
- color: #C5E1A5;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(197, 225, 165, 0.16);
- color: #C5E1A5;
- border: 1px solid;
- }
- .p-button.p-button-outlined.p-button-plain {
- color: #888888;
- border-color: #888888;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
- background: #4c4c4c;
- color: #888888;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
- background: #3c3c3c;
- color: #888888;
- }
- .p-button.p-button-text {
- background-color: transparent;
- color: #C5E1A5;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(197, 225, 165, 0.04);
- color: #C5E1A5;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(197, 225, 165, 0.16);
- color: #C5E1A5;
- border-color: transparent;
- }
- .p-button.p-button-text.p-button-plain {
- color: #888888;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):hover {
- background: #4c4c4c;
- color: #888888;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):active {
- background: #3c3c3c;
- color: #888888;
- }
- .p-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .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: #C5E1A5;
- background-color: #212529;
- }
- .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.429rem 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.375375rem 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.53625rem 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-button-group {
- display: flex;
- }
- .p-fluid .p-button-group .p-button {
- flex: 1;
- }
-
- .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
- color: #121212;
- background: #b0bec5;
- border: 1px solid #b0bec5;
- }
- .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
- background: #90a4ae;
- color: #121212;
- border-color: #90a4ae;
- }
- .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 0.1rem #cfd8dc;
- }
- .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
- background: #78909c;
- color: #121212;
- border-color: #78909c;
- }
- .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #b0bec5;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.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(176, 190, 197, 0.04);
- color: #b0bec5;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.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(176, 190, 197, 0.16);
- color: #b0bec5;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #b0bec5;
- border-color: transparent;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.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(176, 190, 197, 0.04);
- border-color: transparent;
- color: #b0bec5;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.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(176, 190, 197, 0.16);
- border-color: transparent;
- color: #b0bec5;
- }
-
- .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
- color: #212529;
- background: #4fc3f7;
- border: 1px solid #4fc3f7;
- }
- .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
- background: #29b6f6;
- color: #212529;
- border-color: #29b6f6;
- }
- .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 0.1rem #e1f5fe;
- }
- .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
- background: #03a9f4;
- color: #212529;
- border-color: #03a9f4;
- }
- .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #4fc3f7;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.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(79, 195, 247, 0.04);
- color: #4fc3f7;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.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(79, 195, 247, 0.16);
- color: #4fc3f7;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #4fc3f7;
- border-color: transparent;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.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(79, 195, 247, 0.04);
- border-color: transparent;
- color: #4fc3f7;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.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(79, 195, 247, 0.16);
- border-color: transparent;
- color: #4fc3f7;
- }
-
- .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
- color: #212529;
- background: #aed581;
- border: 1px solid #aed581;
- }
- .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
- background: #9ccc65;
- color: #212529;
- border-color: #9ccc65;
- }
- .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 0.1rem #f1f8e9;
- }
- .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
- background: #8bc34a;
- color: #212529;
- border-color: #8bc34a;
- }
- .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #aed581;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.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(174, 213, 129, 0.04);
- color: #aed581;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.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(174, 213, 129, 0.16);
- color: #aed581;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #aed581;
- border-color: transparent;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.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(174, 213, 129, 0.04);
- border-color: transparent;
- color: #aed581;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.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(174, 213, 129, 0.16);
- border-color: transparent;
- color: #aed581;
- }
-
- .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
- color: #212529;
- background: #ffb74d;
- border: 1px solid #ffb74d;
- }
- .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
- background: #ffa726;
- color: #212529;
- border-color: #ffa726;
- }
- .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 0.1rem #fffde7;
- }
- .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
- background: #ff9800;
- color: #212529;
- border-color: #ff9800;
- }
- .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ffb74d;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.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, 183, 77, 0.04);
- color: #ffb74d;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.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, 183, 77, 0.16);
- color: #ffb74d;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #ffb74d;
- border-color: transparent;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.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, 183, 77, 0.04);
- border-color: transparent;
- color: #ffb74d;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.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, 183, 77, 0.16);
- border-color: transparent;
- color: #ffb74d;
- }
-
- .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
- color: #121212;
- background: #ce93d8;
- border: 1px solid #ce93d8;
- }
- .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
- background: #ba68c8;
- color: #121212;
- border-color: #ba68c8;
- }
- .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #ce93d8;
- }
- .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
- background: #ab47bc;
- color: #121212;
- border-color: #ab47bc;
- }
- .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ce93d8;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.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(206, 147, 216, 0.04);
- color: #ce93d8;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.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(206, 147, 216, 0.16);
- color: #ce93d8;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #ce93d8;
- border-color: transparent;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.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(206, 147, 216, 0.04);
- border-color: transparent;
- color: #ce93d8;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.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(206, 147, 216, 0.16);
- border-color: transparent;
- color: #ce93d8;
- }
-
- .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
- color: #212529;
- background: #e57373;
- border: 1px solid #e57373;
- }
- .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
- background: #ef5350;
- color: #212529;
- border-color: #ef5350;
- }
- .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 0.1rem #ffebee;
- }
- .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
- background: #f44336;
- color: #212529;
- border-color: #f44336;
- }
- .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #e57373;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.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(229, 115, 115, 0.04);
- color: #e57373;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.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(229, 115, 115, 0.16);
- color: #e57373;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #e57373;
- border-color: transparent;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.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(229, 115, 115, 0.04);
- border-color: transparent;
- color: #e57373;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.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(229, 115, 115, 0.16);
- border-color: transparent;
- color: #e57373;
- }
-
- .p-button.p-button-link {
- color: #C5E1A5;
- background: transparent;
- border: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #C5E1A5;
- 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 white;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #C5E1A5;
- 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.1rem white;
- }
-
- .p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: #474747;
- color: #fff;
- }
- .p-speeddial-action:hover {
- background: #4d4d4d;
- 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-rounded {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-rounded > .p-button {
- border-radius: 2rem;
- }
- .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-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
- width: 2rem;
- height: 2rem;
- color: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .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.1rem white;
- }
- .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: #4b4b4b;
- 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: #4c4c4c;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: #C5E1A5;
- color: #212529;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 1px 1px 0 1px;
- border-radius: 0;
- }
- .p-datatable .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- border-radius: 0;
- }
- .p-datatable .p-datatable-header {
- background: #191919;
- color: #dedede;
- border: 1px solid #191919;
- border-width: 1px 1px 0 1px;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-datatable .p-datatable-footer {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-width: 0 1px 1px 1px;
- padding: 0.571rem 1rem;
- font-weight: normal;
- }
- .p-datatable .p-datatable-thead > tr > th {
- text-align: left;
- padding: 0.571rem 0.857rem;
- border: 1px solid #191919;
- border-width: 1px 1px 1px 1px;
- font-weight: 700;
- color: #dedede;
- background: #252525;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-datatable .p-datatable-tfoot > tr > td {
- text-align: left;
- padding: 0.571rem 0.857rem;
- border: 1px solid #191919;
- border-width: 1px;
- font-weight: 700;
- color: #dedede;
- background: #252525;
- }
- .p-datatable .p-sortable-column .p-sortable-column-icon {
- color: #888888;
- 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: #212529;
- background: #C5E1A5;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #dedede;
- }
- .p-datatable .p-sortable-column.p-highlight {
- background: #C5E1A5;
- color: #212529;
- }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #212529;
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: #C5E1A5;
- color: #212529;
- }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #212529;
- }
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: inset 0 0 0 0.15rem white;
- outline: 0 none;
- }
- .p-datatable .p-datatable-tbody > tr {
- background: #323232;
- color: #dedede;
- 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 #191919;
- border-width: 1px;
- padding: 0.571rem 0.857rem;
- }
- .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: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .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.1rem white;
- }
- .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 white;
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #C5E1A5;
- color: #212529;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #C5E1A5;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #C5E1A5;
- }
- .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede;
- }
- .p-datatable .p-column-resizer-helper {
- background: #C5E1A5;
- }
- .p-datatable .p-datatable-scrollable-header,
-.p-datatable .p-datatable-scrollable-footer {
- background: #191919;
- }
- .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: #252525;
- }
- .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: #323232;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: #C5E1A5;
- color: #212529;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: #212529;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: #212529;
- }
- .p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.72845rem 0.85rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.48535rem 0.72845rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.48535rem 0.72845rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.48535rem 0.85rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.48535rem 0.85rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.07125rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 0.71375rem 1.07125rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 0.71375rem 1.07125rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 0.71375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 0.71375rem 1.25rem;
- }
-
- .p-dataview .p-paginator-top {
- border-width: 1px 1px 0 1px;
- border-radius: 0;
- }
- .p-dataview .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- border-radius: 0;
- }
- .p-dataview .p-dataview-header {
- background: #191919;
- color: #dedede;
- border: 1px solid #191919;
- border-width: 1px 1px 0 1px;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-dataview .p-dataview-content {
- background: #323232;
- color: #dedede;
- border: 0 none;
- padding: 0;
- }
- .p-dataview .p-dataview-footer {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-width: 0 1px 1px 1px;
- padding: 0.571rem 1rem;
- font-weight: normal;
- 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: 0.571rem 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: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: transparent;
- color: #dedede;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: #C5E1A5;
- color: #212529;
- }
- .p-column-filter-menu-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
-
- .p-column-filter-clear-button {
- width: 2rem;
- height: 2rem;
- color: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .p-column-filter-clear-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
-
- .p-column-filter-overlay {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- min-width: 12.5rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #dedede;
- 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:first-child {
- margin-top: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #212529;
- background: #C5E1A5;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .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 white;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #4b4b4b;
- margin: 0;
- }
-
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #191919;
- color: #dedede;
- background: #252525;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0.571rem 1rem;
- border-bottom: 1px solid #4b4b4b;
- }
- .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.571rem 1rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0.571rem 1rem;
- }
-
- .p-orderlist .p-orderlist-controls {
- padding: 0.571rem 1rem;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem;
- }
- .p-orderlist .p-orderlist-list-container {
- background: #323232;
- border: 1px solid #191919;
- 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.1rem white;
- border-color: #C5E1A5;
- }
- .p-orderlist .p-orderlist-header {
- color: #dedede;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-orderlist .p-orderlist-header .p-orderlist-title {
- font-weight: 700;
- }
- .p-orderlist .p-orderlist-filter-container {
- padding: 0.857rem 1rem;
- background: #323232;
- border: 1px solid #191919;
- border-bottom: 0 none;
- }
- .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
- padding-right: 1.429rem;
- }
- .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
- right: 0.429rem;
- color: #888888;
- }
- .p-orderlist .p-orderlist-list {
- color: #dedede;
- padding: 0;
- outline: 0 none;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border-top: 1px solid #191919;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.429rem 0.857rem;
- margin: 0;
- border: 0 none;
- color: #dedede;
- background: transparent;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
- margin-top: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
- color: #dedede;
- background: #3c3c3c;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #212529;
- background: #C5E1A5;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: #c5e1a5;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-empty-message {
- padding: 0.429rem 0.857rem;
- color: #dedede;
- }
- .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
- background: #323232;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
- background: #4c4c4c;
- }
-
- .p-orderlist-item.cdk-drag-preview {
- padding: 0.429rem 0.857rem;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border: 0 none;
- color: #dedede;
- background: #323232;
- margin: 0;
- }
-
- .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight {
- background: #C5E1A5;
- color: #212529;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #87c145;
- }
- .p-organizationchart .p-organizationchart-line-down {
- background: #191919;
- }
- .p-organizationchart .p-organizationchart-line-left {
- border-right: 1px solid #191919;
- border-color: #191919;
- }
- .p-organizationchart .p-organizationchart-line-top {
- border-top: 1px solid #191919;
- border-color: #191919;
- }
- .p-organizationchart .p-organizationchart-node-content {
- border: 1px solid #191919;
- background: #323232;
- color: #dedede;
- padding: 0.571rem 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.1rem white;
- }
-
- .p-paginator {
- background: #252525;
- color: #dedede;
- border: solid #191919;
- border-width: 1px;
- padding: 0;
- 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: #dedede;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .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: #e0e0e0;
- border-color: transparent;
- color: #4c4c4c;
- }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
- .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: #dedede;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- padding: 0 0.5rem;
- }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: #dedede;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #C5E1A5;
- border-color: #C5E1A5;
- color: #212529;
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: #e0e0e0;
- border-color: transparent;
- color: #4c4c4c;
- }
-
- .p-picklist .p-picklist-buttons {
- padding: 0.571rem 1rem;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem;
- }
- .p-picklist .p-picklist-list-wrapper {
- background: #323232;
- border: 1px solid #191919;
- 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.1rem white;
- border-color: #C5E1A5;
- }
- .p-picklist .p-picklist-header {
- color: #dedede;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-picklist .p-picklist-header .p-picklist-title {
- font-weight: 700;
- }
- .p-picklist .p-picklist-filter-container {
- padding: 0.857rem 1rem;
- background: #323232;
- border: 1px solid #191919;
- border-bottom: 0 none;
- }
- .p-picklist .p-picklist-filter-container .p-picklist-filter-input {
- padding-right: 1.429rem;
- }
- .p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
- right: 0.429rem;
- color: #888888;
- }
- .p-picklist .p-picklist-list {
- color: #dedede;
- padding: 0;
- outline: 0 none;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border-top: 1px solid #191919;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.429rem 0.857rem;
- margin: 0;
- border: 0 none;
- color: #dedede;
- background: transparent;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-picklist .p-picklist-list .p-picklist-item:first-child {
- margin-top: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-focus {
- color: #dedede;
- background: #3c3c3c;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #212529;
- background: #C5E1A5;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: #c5e1a5;
- }
- .p-picklist .p-picklist-list .p-picklist-empty-message {
- padding: 0.429rem 0.857rem;
- color: #dedede;
- }
- .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
- background: #323232;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
- background: #4c4c4c;
- }
-
- .p-picklist-item.cdk-drag-preview {
- padding: 0.429rem 0.857rem;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border: 0 none;
- color: #dedede;
- background: #323232;
- margin: 0;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 0 none;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #C5E1A5;
- }
- .p-timeline .p-timeline-event-connector {
- background-color: #191919;
- }
- .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 #191919;
- background: #323232;
- color: #dedede;
- padding: 0.571rem 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 white;
- }
- .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;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .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.1rem white;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #888888;
- }
- .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: #dedede;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #4b4b4b;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
- background: #C5E1A5;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
- background-color: #4b4b4b;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
- background: #9CCC65;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #C5E1A5;
- color: #212529;
- }
- .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: #212529;
- }
- .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: #212529;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
- background: #4c4c4c;
- color: #dedede;
- }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.429rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.429rem;
- color: #888888;
- }
- .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: #9fce6b;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content {
- border-radius: 3px;
- border: 1px solid #191919;
- background-color: #323232;
- color: #dedede;
- padding: 0;
- 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: #C5E1A5;
- color: #212529;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #212529;
- }
- .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: #888888;
- 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: #4c4c4c;
- color: #dedede;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 1px 1px 0 1px;
- border-radius: 0;
- }
- .p-treetable .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- border-radius: 0;
- }
- .p-treetable .p-treetable-header {
- background: #191919;
- color: #dedede;
- border: 1px solid #191919;
- border-width: 1px 1px 0 1px;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-treetable .p-treetable-footer {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-width: 0 1px 1px 1px;
- padding: 0.571rem 1rem;
- font-weight: normal;
- }
- .p-treetable .p-treetable-thead > tr > th {
- text-align: left;
- padding: 0.571rem 0.857rem;
- border: 1px solid #191919;
- border-width: 1px 1px 1px 1px;
- font-weight: 700;
- color: #dedede;
- background: #252525;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-treetable .p-treetable-tfoot > tr > td {
- text-align: left;
- padding: 0.571rem 0.857rem;
- border: 1px solid #191919;
- border-width: 1px;
- font-weight: 700;
- color: #dedede;
- background: #252525;
- }
- .p-treetable .p-sortable-column {
- outline-color: white;
- }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #888888;
- 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: #212529;
- background: #C5E1A5;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #dedede;
- }
- .p-treetable .p-sortable-column.p-highlight {
- background: #C5E1A5;
- color: #212529;
- }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #212529;
- }
- .p-treetable .p-treetable-tbody > tr {
- background: #323232;
- color: #dedede;
- 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 #191919;
- border-width: 1px;
- padding: 0.571rem 0.857rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .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: #dedede;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #4b4b4b;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
- background: #C5E1A5;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
- background-color: #4b4b4b;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
- background: #9CCC65;
- }
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid white;
- outline-offset: -0.15rem;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #C5E1A5;
- color: #212529;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #212529;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #212529;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #dedede;
- }
- .p-treetable .p-column-resizer-helper {
- background: #C5E1A5;
- }
- .p-treetable .p-treetable-scrollable-header,
-.p-treetable .p-treetable-scrollable-footer {
- background: #191919;
- }
- .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.749875rem 0.875rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.48535rem 0.72845rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.48535rem 0.72845rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.48535rem 0.85rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.48535rem 0.85rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.07125rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 0.71375rem 1.07125rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 0.71375rem 1.07125rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 0.71375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 0.71375rem 1.25rem;
- }
-
- .p-virtualscroller .p-virtualscroller-header {
- background: #191919;
- color: #dedede;
- border: 1px solid #191919;
- border-width: 1px 1px 0 1px;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-virtualscroller .p-virtualscroller-content {
- background: #323232;
- color: #dedede;
- border: 0 none;
- padding: 0;
- }
- .p-virtualscroller .p-virtualscroller-footer {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-width: 0 1px 1px 1px;
- padding: 0.571rem 1rem;
- font-weight: normal;
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
- }
-
- .p-accordion .p-accordion-header .p-accordion-header-link {
- padding: 0.857rem 1rem;
- border: 1px solid #191919;
- color: #dedede;
- background: #191919;
- font-weight: 700;
- 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.1rem white;
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: #191919;
- border-color: #191919;
- color: #C5E1A5;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
- background: #C5E1A5;
- border-color: #C5E1A5;
- color: #212529;
- 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: #9CCC65;
- background: #9CCC65;
- color: #212529;
- }
- .p-accordion .p-accordion-content {
- padding: 0.571rem 1rem;
- border: 1px solid #191919;
- background: #323232;
- color: #dedede;
- 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: 2px;
- }
-
- .p-card {
- background: #323232;
- color: #dedede;
- 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: 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: #888888;
- }
- .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: #323232;
- }
- .p-divider.p-divider-horizontal {
- margin: 1rem 0;
- padding: 0 1rem;
- }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px #4b4b4b;
- }
- .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 #4b4b4b;
- }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0;
- }
-
- .p-fieldset {
- border: 1px solid #191919;
- background: #323232;
- color: #dedede;
- border-radius: 3px;
- }
- .p-fieldset .p-fieldset-legend {
- padding: 0.857rem 1rem;
- border: 1px solid #191919;
- color: #dedede;
- background: #191919;
- font-weight: 700;
- 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: 0.857rem 1rem;
- color: #dedede;
- 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.1rem white;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: #191919;
- border-color: #191919;
- color: #C5E1A5;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0.571rem 1rem;
- }
-
- .p-panel .p-panel-header {
- border: 1px solid #191919;
- padding: 0.857rem 1rem;
- background: #191919;
- color: #dedede;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 700;
- }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.857rem 1rem;
- }
- .p-panel .p-panel-content {
- padding: 0.571rem 1rem;
- border: 1px solid #191919;
- background: #323232;
- color: #dedede;
- 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.571rem 1rem;
- border: 1px solid #191919;
- background: #323232;
- color: #dedede;
- 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: #3f3f3f;
- 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.1rem white;
- }
-
- .p-splitter {
- border: 1px solid #191919;
- background: #323232;
- border-radius: 3px;
- color: #dedede;
- }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: #191919;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #4b4b4b;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .p-splitter .p-splitter-gutter-resizing {
- background: #4b4b4b;
- }
-
- .p-tabview .p-tabview-nav-content {
- scroll-padding-inline: 2.357rem;
- }
- .p-tabview .p-tabview-nav {
- background: transparent;
- border: 0 none;
- border-width: 1px;
- }
- .p-tabview .p-tabview-nav li {
- margin-right: 2px;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: 1px solid #191919;
- border-width: 1px;
- border-color: #191919;
- background: #191919;
- color: #dedede;
- padding: 0.857rem 1rem;
- font-weight: 700;
- 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 -1px 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.1rem white;
- }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #191919;
- border-color: #191919;
- color: #C5E1A5;
- }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #C5E1A5;
- border-color: #C5E1A5;
- color: #212529;
- }
- .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: #C5E1A5;
- color: #212529;
- 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.1rem white;
- }
- .p-tabview .p-tabview-panels {
- background: #323232;
- padding: 0.571rem 1rem;
- border: 1px solid #191919;
- color: #dedede;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
-
- .p-toolbar {
- background: #191919;
- border: 1px solid #191919;
- padding: 0.857rem 1rem;
- border-radius: 3px;
- gap: 0.5rem;
- }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem;
- }
-
- .p-stepper .p-stepper-nav {
- position: relative;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow-x: auto;
- }
-
- .p-stepper-vertical .p-stepper-nav {
- flex-direction: column;
- }
-
- .p-stepper-header {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- align-items: center;
- }
- .p-stepper-header:last-of-type {
- flex: initial;
- }
-
- .p-stepper-header .p-stepper-action {
- border: 0 none;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- cursor: pointer;
- }
- .p-stepper-header .p-stepper-action:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
-
- .p-stepper.p-stepper-readonly .p-stepper-header {
- cursor: auto;
- }
-
- .p-stepper-header.p-highlight .p-stepper-action {
- cursor: default;
- }
-
- .p-stepper-title {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-stepper-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-stepper-separator {
- flex: 1 1 0;
- }
-
- .p-stepper .p-stepper-nav {
- display: flex;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .p-stepper .p-stepper-header {
- padding: 0.5rem;
- }
- .p-stepper .p-stepper-header .p-stepper-action {
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- background: #191919;
- outline-color: transparent;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- color: #dedede;
- border: 1px solid #191919;
- border-width: 2px;
- background: #191919;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
- margin-left: 0.5rem;
- color: #888888;
- font-weight: 700;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #C5E1A5;
- color: #212529;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #dedede;
- }
- .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
- background-color: #C5E1A5;
- }
- .p-stepper .p-stepper-panels {
- background: #323232;
- padding: 0.571rem 1rem;
- color: #dedede;
- }
- .p-stepper .p-stepper-separator {
- background-color: #191919;
- width: 100%;
- height: 2px;
- margin-inline-start: 1rem;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-stepper.p-stepper-vertical {
- display: flex;
- flex-direction: column;
- }
- .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
- display: flex;
- flex: 1 1 auto;
- background: #323232;
- color: #dedede;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel {
- display: flex;
- flex-direction: column;
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
- flex: 1 1 auto;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
- width: 100%;
- padding-left: 1rem;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
- flex: 0 0 auto;
- width: 2px;
- height: auto;
- margin-inline-start: calc(1.75rem + 2px);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
- background-color: #C5E1A5;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
- padding-left: 3rem;
- }
-
- .p-confirm-popup {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 0.571rem 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0.571rem 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(50, 50, 50, 0);
- border-bottom-color: #323232;
- }
- .p-confirm-popup:before {
- border: solid transparent;
- border-color: rgba(25, 25, 25, 0);
- border-bottom-color: #191919;
- }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #323232;
- }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #191919;
- }
- .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 6px 0 rgba(0, 0, 0, 0.16);
- border: 1px solid #191919;
- }
- .p-dialog .p-dialog-header {
- border-bottom: 1px solid #191919;
- background: #191919;
- color: #dedede;
- padding: 1rem;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 700;
- font-size: 1rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0;
- }
- .p-dialog .p-dialog-content {
- background: #323232;
- color: #dedede;
- padding: 1rem;
- }
- .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 #191919;
- background: #323232;
- color: #dedede;
- padding: 0.571rem 1rem;
- 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: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0.571rem 1rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- background: #C5E1A5;
- color: #212529;
- 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: #AED581;
- color: #212529;
- }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(50, 50, 50, 0);
- border-bottom-color: #323232;
- }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(25, 25, 25, 0);
- border-bottom-color: #181818;
- }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #323232;
- }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #191919;
- }
-
- .p-sidebar {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-sidebar .p-sidebar-header {
- padding: 0.857rem 1rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .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.1rem white;
- }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0;
- }
- .p-sidebar .p-sidebar-content {
- padding: 0.571rem 1rem;
- }
- .p-sidebar .p-sidebar-footer {
- padding: 0.857rem 1rem;
- }
-
- .p-tooltip .p-tooltip-text {
- background: #4c4c4c;
- color: #dedede;
- padding: 0.429rem 0.429rem;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- }
- .p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #4c4c4c;
- }
- .p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #4c4c4c;
- }
- .p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #4c4c4c;
- }
- .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #4c4c4c;
- }
-
- .p-fileupload .p-fileupload-buttonbar {
- background: #191919;
- padding: 0.857rem 1rem;
- border: 1px solid #191919;
- color: #dedede;
- 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.1rem white;
- }
- .p-fileupload .p-fileupload-content {
- background: #323232;
- padding: 0.571rem 1rem;
- border: 1px solid #191919;
- color: #dedede;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- border-color: 1px dashed #C5E1A5;
- border-style: dashed;
- background-color: #C5E1A5;
- }
- .p-fileupload .p-progressbar {
- height: 0.25rem;
- }
- .p-fileupload .p-fileupload-row > div {
- padding: 0.571rem 0.857rem;
- }
- .p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0;
- }
-
- .p-fileupload-choose:not(.p-disabled):hover {
- background: #AED581;
- color: #212529;
- border-color: #AED581;
- }
- .p-fileupload-choose:not(.p-disabled):active {
- background: #9CCC65;
- color: #212529;
- border-color: #9CCC65;
- }
-
- .p-breadcrumb {
- background: #252525;
- border: 1px solid #191919;
- border-radius: 3px;
- padding: 0.571rem 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.1rem white;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- }
- .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
- margin: 0 0.5rem 0 0.5rem;
- color: #dedede;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
- color: #dedede;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
- color: #dedede;
- }
-
- .p-contextmenu {
- padding: 0;
- background: #252525;
- color: #dedede;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- width: 12.5rem;
- }
- .p-contextmenu .p-contextmenu-root-list {
- outline: 0 none;
- }
- .p-contextmenu .p-submenu-list {
- padding: 0;
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: #dedede;
- 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: #dedede;
- padding: 0.857rem;
- user-select: none;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #dedede;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #212529;
- background: #C5E1A5;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .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: #212529;
- }
- .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #C5E1A5;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #dedede;
- background: #3c3c3c;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-contextmenu .p-menuitem-separator {
- border-top: 1px solid #4b4b4b;
- margin: 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 white;
- }
- .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: #252525;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- }
- .p-megamenu .p-megamenu-root-list {
- outline: 0 none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content {
- color: #dedede;
- 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: #dedede;
- padding: 0.857rem;
- user-select: none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #dedede;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #212529;
- background: #C5E1A5;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .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: #212529;
- }
- .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #C5E1A5;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #dedede;
- background: #3c3c3c;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-megamenu .p-megamenu-panel {
- background: #252525;
- color: #dedede;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- }
- .p-megamenu .p-submenu-header {
- margin: 0;
- padding: 0.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-megamenu .p-submenu-list {
- padding: 0;
- width: 12.5rem;
- }
- .p-megamenu .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #4b4b4b;
- margin: 0;
- }
- .p-megamenu.p-megamenu-vertical {
- width: 12.5rem;
- padding: 0;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
- color: #dedede;
- 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.857rem;
- user-select: none;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- 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: #dedede;
- 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: #dedede;
- background: #4c4c4c;
- }
- .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: #dedede;
- }
- .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: #dedede;
- }
-
- .p-menu {
- padding: 0;
- background: #252525;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- width: 12.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content {
- color: #dedede;
- 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: #dedede;
- padding: 0.857rem;
- user-select: none;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #dedede;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #212529;
- background: #C5E1A5;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .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: #212529;
- }
- .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #C5E1A5;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #dedede;
- background: #3c3c3c;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-menu.p-menu-overlay {
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-menu .p-menuitem-separator {
- border-top: 1px solid #4b4b4b;
- margin: 0;
- }
- .p-menu .p-menuitem-badge {
- background: #C5E1A5;
- color: #212529;
- 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: #252525;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- }
- .p-menubar .p-menubar-root-list {
- outline: 0 none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
- color: #dedede;
- 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.857rem;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #dedede;
- margin-left: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .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: #dedede;
- }
- .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: #dedede;
- }
- .p-menubar .p-menuitem > .p-menuitem-content {
- color: #dedede;
- 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: #dedede;
- padding: 0.857rem;
- user-select: none;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #dedede;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
- color: #212529;
- background: #C5E1A5;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .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: #212529;
- }
- .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #C5E1A5;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #dedede;
- background: #3c3c3c;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-menubar .p-submenu-list {
- padding: 0;
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- width: 12.5rem;
- border-radius: 3px;
- }
- .p-menubar .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #4b4b4b;
- margin: 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: #dedede;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-menubar .p-menubar-button:hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-menubar .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0;
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- width: 100%;
- }
- .p-menubar .p-menubar-root-list .p-menuitem-separator {
- border-top: 1px solid #4b4b4b;
- margin: 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.571rem;
- }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 4.285rem;
- }
- .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.999rem;
- }
- .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: 7.713rem;
- }
- .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: 9.427rem;
- }
- .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 #191919;
- color: #dedede;
- background: #191919;
- 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: #dedede;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .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.1rem white;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: #191919;
- border-color: #191919;
- color: #C5E1A5;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
- background: #C5E1A5;
- border-color: #C5E1A5;
- color: #212529;
- 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: #9CCC65;
- background: #9CCC65;
- color: #212529;
- }
- .p-panelmenu .p-panelmenu-content {
- padding: 0;
- border: 1px solid #191919;
- background: #323232;
- color: #dedede;
- 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: #dedede;
- 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: #dedede;
- padding: 0.857rem;
- user-select: none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #dedede;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
- color: #212529;
- background: #C5E1A5;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .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: #212529;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #C5E1A5;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #dedede;
- background: #3c3c3c;
- }
- .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: #dedede;
- }
- .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: #dedede;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .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 #4b4b4b;
- margin: 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: 2px;
- }
-
- .p-slidemenu {
- padding: 0;
- background: #252525;
- color: #dedede;
- border: 1px solid #191919;
- 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: #dedede;
- 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: #dedede;
- padding: 0.857rem;
- user-select: none;
- }
- .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem;
- }
- .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #dedede;
- }
- .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #212529;
- background: #C5E1A5;
- }
- .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .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: #212529;
- }
- .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #C5E1A5;
- }
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #dedede;
- background: #3c3c3c;
- }
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-slidemenu.p-slidemenu-overlay {
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-slidemenu .p-slidemenu-list {
- padding: 0;
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-slidemenu .p-menuitem-separator {
- border-top: 1px solid #4b4b4b;
- margin: 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.857rem;
- color: #dedede;
- }
- .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.1rem white;
- }
- .p-slidemenu .p-menuitem-badge {
- background: #C5E1A5;
- color: #212529;
- 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: #191919;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #dedede;
- border: 1px solid #191919;
- background: #191919;
- 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: #888888;
- }
- .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.1rem white;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #C5E1A5;
- color: #212529;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 700;
- color: #dedede;
- }
- .p-steps .p-steps-item:before {
- content: " ";
- border-top: 1px solid #4b4b4b;
- width: 100%;
- top: 50%;
- left: 0;
- display: block;
- position: absolute;
- margin-top: -1rem;
- }
-
- .p-tabmenu .p-tabmenu-nav {
- background: transparent;
- border: 0 none;
- border-width: 1px;
- }
- .p-tabmenu .p-tabmenu-nav .p-menuitem-badge {
- background: #C5E1A5;
- color: #212529;
- 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: 2px;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: 1px solid #191919;
- border-width: 1px;
- border-color: #191919;
- background: #191919;
- color: #dedede;
- padding: 0.857rem 1rem;
- font-weight: 700;
- 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 -1px 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.1rem white;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #191919;
- border-color: #191919;
- color: #C5E1A5;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #C5E1A5;
- border-color: #C5E1A5;
- color: #212529;
- }
- .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: #C5E1A5;
- color: #212529;
- 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.1rem white;
- }
-
- .p-tieredmenu {
- padding: 0;
- background: #252525;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- width: 12.5rem;
- }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
- .p-tieredmenu .p-submenu-list {
- padding: 0;
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: #dedede;
- 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: #dedede;
- padding: 0.857rem;
- user-select: none;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #dedede;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #212529;
- background: #C5E1A5;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .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: #212529;
- }
- .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #C5E1A5;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #dedede;
- background: #3c3c3c;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-tieredmenu .p-menuitem-separator {
- border-top: 1px solid #4b4b4b;
- margin: 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;
- margin: 0;
- border-radius: 3px;
- }
- .p-inline-message.p-inline-message-info {
- background: #7fbcec;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #212121;
- }
- .p-inline-message.p-inline-message-success {
- background: #b7d8b7;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #212121;
- }
- .p-inline-message.p-inline-message-warn {
- background: #ffe399;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #212121;
- }
- .p-inline-message.p-inline-message-error {
- background: #f8b7bd;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #212121;
- }
- .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;
- }
- .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.1rem white;
- }
- .p-message.p-message-info {
- background: #7fbcec;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-message.p-message-info .p-message-icon {
- color: #212121;
- }
- .p-message.p-message-info .p-message-close {
- color: #212121;
- }
- .p-message.p-message-success {
- background: #b7d8b7;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-message.p-message-success .p-message-icon {
- color: #212121;
- }
- .p-message.p-message-success .p-message-close {
- color: #212121;
- }
- .p-message.p-message-warn {
- background: #ffe399;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-message.p-message-warn .p-message-icon {
- color: #212121;
- }
- .p-message.p-message-warn .p-message-close {
- color: #212121;
- }
- .p-message.p-message-error {
- background: #f8b7bd;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-message.p-message-error .p-message-icon {
- color: #212121;
- }
- .p-message.p-message-error .p-message-close {
- color: #212121;
- }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: normal;
- }
- .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 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 0.5rem;
- }
- .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.1rem white;
- }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #7fbcec;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .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: #212121;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #b7d8b7;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .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: #212121;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #ffe399;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .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: #212121;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #f8b7bd;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .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: #212121;
- }
-
- .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 0.5rem;
- }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-item-nav .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: #4b4b4b;
- 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: #4c4c4c;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #C5E1A5;
- color: #212529;
- }
- .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: #C5E1A5;
- color: #212529;
- }
- .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.1rem white;
- }
-
- .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: #4b4b4b;
- 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 #323232;
- }
-
- .p-badge {
- background: #C5E1A5;
- color: #212529;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- }
- .p-badge.p-badge-success {
- background-color: #aed581;
- color: #212529;
- }
- .p-badge.p-badge-info {
- background-color: #4fc3f7;
- color: #212529;
- }
- .p-badge.p-badge-warning {
- background-color: #ffb74d;
- color: #212529;
- }
- .p-badge.p-badge-danger {
- background-color: #e57373;
- color: #212529;
- }
- .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: #4b4b4b;
- color: #dedede;
- border-radius: 16px;
- padding: 0 0.429rem;
- }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.2145rem;
- margin-bottom: 0.2145rem;
- }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem;
- }
- .p-chip .pi-chip-remove-icon {
- margin-left: 0.5rem;
- }
- .p-chip img {
- width: 1.929rem;
- height: 1.929rem;
- margin-left: -0.429rem;
- 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.1rem white;
- }
- .p-chip .pi-chip-remove-icon:focus {
- outline: 0 none;
- }
-
- .p-inplace .p-inplace-display {
- padding: 0.429rem 0.429rem;
- 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: #4c4c4c;
- color: #dedede;
- }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
-
- .p-metergroup {
- display: flex;
- }
-
- .p-metergroup-meters {
- display: flex;
- }
-
- .p-metergroup-vertical .p-metergroup-meters {
- flex-direction: column;
- }
-
- .p-metergroup-labels {
- display: flex;
- flex-wrap: wrap;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-metergroup-vertical .p-metergroup-labels {
- align-items: start;
- }
-
- .p-metergroup-labels-vertical {
- flex-direction: column;
- }
-
- .p-metergroup-label {
- display: inline-flex;
- align-items: center;
- }
-
- .p-metergroup-label-marker {
- display: inline-flex;
- }
-
- .p-metergroup {
- gap: 1rem;
- }
- .p-metergroup .p-metergroup-meters {
- background: #eaeaea;
- border-radius: 3px;
- }
- .p-metergroup .p-metergroup-meter {
- border: 0 none;
- background: #C5E1A5;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
- background: #C5E1A5;
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 100%;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
- gap: 1rem;
- }
- .p-metergroup.p-metergroup-horizontal {
- flex-direction: column;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
- height: 0.5rem;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-metergroup.p-metergroup-vertical {
- flex-direction: row;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
- width: 0.5rem;
- height: 100%;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
- border-top-left-radius: 3px;
- border-top-right-radius: 3px;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
- }
-
- .p-progressbar {
- border: 0 none;
- height: 24px;
- background: #eaeaea;
- border-radius: 3px;
- }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #C5E1A5;
- }
- .p-progressbar .p-progressbar-label {
- color: #212529;
- line-height: 24px;
- }
-
- .p-scrolltop {
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-scrolltop.p-link {
- background: #C5E1A5;
- }
- .p-scrolltop.p-link:hover {
- background: #AED581;
- }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #212529;
- }
- .p-scrolltop .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-skeleton {
- background-color: rgba(255, 255, 255, 0.06);
- border-radius: 3px;
- }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
- }
-
- .p-tag {
- background: #C5E1A5;
- color: #212529;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 3px;
- }
- .p-tag.p-tag-success {
- background-color: #aed581;
- color: #212529;
- }
- .p-tag.p-tag-info {
- background-color: #4fc3f7;
- color: #212529;
- }
- .p-tag.p-tag-warning {
- background-color: #ffb74d;
- color: #212529;
- }
- .p-tag.p-tag-danger {
- background-color: #e57373;
- color: #212529;
- }
- .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: #323232;
- color: #dedede;
- border: 1px solid #191919;
- padding: 0.571rem 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 */
diff --git a/client/src/assets/components/themes/luna-pink/theme.css b/client/src/assets/components/themes/luna-pink/theme.css
deleted file mode 100644
index 2e405523..00000000
--- a/client/src/assets/components/themes/luna-pink/theme.css
+++ /dev/null
@@ -1,6367 +0,0 @@
-: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: #F48FB1;
- --primary-color-text: #212529;
- --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: 0.571rem 1rem;
- --inline-spacing: 0.5rem;
- --border-radius: 3px;
- --surface-ground: #191919;
- --surface-section: #191919;
- --surface-card: #323232;
- --surface-overlay: #323232;
- --surface-border: #4b4b4b;
- --surface-hover: #4c4c4c;
- --maskbg: rgba(0, 0, 0, 0.4);
- --highlight-bg: #F48FB1;
- --highlight-text-color: #212529;
- --focus-ring: 0 0 0 0.1rem white;
- color-scheme: light dark;
-}
-
-:root {
- --blue-50:#f3f8fc;
- --blue-100:#c6dcef;
- --blue-200:#98c1e3;
- --blue-300:#6ba5d7;
- --blue-400:#3d8aca;
- --blue-500:#106ebe;
- --blue-600:#0e5ea2;
- --blue-700:#0b4d85;
- --blue-800:#093d69;
- --blue-900:#062c4c;
- --green-50:#f7fbf6;
- --green-100:#d6ead1;
- --green-200:#b6d9ad;
- --green-300:#96c889;
- --green-400:#76b765;
- --green-500:#56a641;
- --green-600:#498d37;
- --green-700:#3c742e;
- --green-800:#2f5b24;
- --green-900:#22421a;
- --yellow-50:#fffcf5;
- --yellow-100:#fdefcd;
- --yellow-200:#fbe3a6;
- --yellow-300:#f9d67f;
- --yellow-400:#f8ca57;
- --yellow-500:#f6bd30;
- --yellow-600:#d1a129;
- --yellow-700:#ac8422;
- --yellow-800:#87681a;
- --yellow-900:#624c13;
- --cyan-50:#f4fbfd;
- --cyan-100:#ccebf5;
- --cyan-200:#a4dbed;
- --cyan-300:#7ccce5;
- --cyan-400:#54bcdd;
- --cyan-500:#2cacd5;
- --cyan-600:#2592b5;
- --cyan-700:#1f7895;
- --cyan-800:#185f75;
- --cyan-900:#124555;
- --pink-50:#fdf4f9;
- --pink-100:#f6cce0;
- --pink-200:#eea3c7;
- --pink-300:#e77aae;
- --pink-400:#df5296;
- --pink-500:#d8297d;
- --pink-600:#b8236a;
- --pink-700:#971d58;
- --pink-800:#771745;
- --pink-900:#561032;
- --indigo-50:#f4f6fd;
- --indigo-100:#ccd3f5;
- --indigo-200:#a4b0ed;
- --indigo-300:#7c8de5;
- --indigo-400:#546add;
- --indigo-500:#2c47d5;
- --indigo-600:#253cb5;
- --indigo-700:#1f3295;
- --indigo-800:#182775;
- --indigo-900:#121c55;
- --teal-50:#f6fbfa;
- --teal-100:#d1eae5;
- --teal-200:#add9d1;
- --teal-300:#89c8bd;
- --teal-400:#65b7a8;
- --teal-500:#41a694;
- --teal-600:#378d7e;
- --teal-700:#2e7468;
- --teal-800:#245b51;
- --teal-900:#1a423b;
- --orange-50:#fff9f5;
- --orange-100:#fde4cd;
- --orange-200:#fbcfa6;
- --orange-300:#f9ba7f;
- --orange-400:#f8a457;
- --orange-500:#f68f30;
- --orange-600:#d17a29;
- --orange-700:#ac6422;
- --orange-800:#874f1a;
- --orange-900:#623913;
- --bluegray-50:#f7f8f9;
- --bluegray-100:#dae0e3;
- --bluegray-200:#bdc7cd;
- --bluegray-300:#a0aeb6;
- --bluegray-400:#8295a0;
- --bluegray-500:#657c8a;
- --bluegray-600:#566975;
- --bluegray-700:#475761;
- --bluegray-800:#38444c;
- --bluegray-900:#283237;
- --purple-50:#f9f8fd;
- --purple-100:#e1dff7;
- --purple-200:#cac5f1;
- --purple-300:#b2abeb;
- --purple-400:#9b92e4;
- --purple-500:#8378de;
- --purple-600:#6f66bd;
- --purple-700:#5c549b;
- --purple-800:#48427a;
- --purple-900:#343059;
- --red-50:#fdf4f3;
- --red-100:#f6ccc6;
- --red-200:#eea39a;
- --red-300:#e77b6d;
- --red-400:#df5240;
- --red-500:#d82a13;
- --red-600:#b82410;
- --red-700:#971d0d;
- --red-800:#77170a;
- --red-900:#561108;
- --primary-50:#fef9fb;
- --primary-100:#fce4ec;
- --primary-200:#facfdd;
- --primary-300:#f8bacf;
- --primary-400:#f6a4c0;
- --primary-500:#f48fb1;
- --primary-600:#cf7a96;
- --primary-700:#ab647c;
- --primary-800:#864f61;
- --primary-900:#623947;
-}
-
-.p-editor-container .p-editor-toolbar {
- background: #191919;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
-}
-.p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #191919;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #888888;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #888888;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #888888;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #dedede;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #dedede;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #dedede;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #dedede;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #dedede;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #dedede;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #323232;
- border: 1px solid #191919;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- padding: 0;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #dedede;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #dedede;
- background: #4c4c4c;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.429rem 0.857rem;
-}
-.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 #191919;
-}
-.p-editor-container .p-editor-content .ql-editor {
- background: #191919;
- color: #dedede;
- 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: #dedede;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #dedede;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #dedede;
-}
-.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: #F48FB1;
-}
-.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: #F48FB1;
-}
-.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: #F48FB1;
-}
-.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: #F48FB1;
-}
-
-@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.5;
- }
-
- .p-error {
- color: #e57373;
- }
-
- .p-text-secondary {
- color: #888888;
- }
-
- .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.1rem white;
- }
-
- .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.429rem;
- }
- .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 2.786rem;
- }
- .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
- border-color: #F48FB1;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #F48FB1;
- }
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.2145rem 0.429rem;
- gap: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.2145rem 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: #dedede;
- padding: 0;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.2145rem 0.429rem;
- background: #4b4b4b;
- color: #dedede;
- 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: #464646;
- color: #dedede;
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #e57373;
- }
-
- .p-autocomplete-panel {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #dedede;
- 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:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #212529;
- background: #F48FB1;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: #f48fb1;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #dedede;
- background: #3c3c3c;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message {
- padding: 0.429rem 0.857rem;
- color: #dedede;
- background: transparent;
- }
-
- p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
- border-color: #e57373;
- }
-
- p-autocomplete.p-autocomplete-clearable .p-inputtext {
- padding-right: 1.858rem;
- }
- p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon {
- color: #888888;
- right: 0.429rem;
- }
-
- p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon {
- color: #888888;
- right: 2.786rem;
- }
-
- p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
- border-color: #e57373;
- }
-
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #F48FB1;
- }
-
- .p-datepicker {
- padding: 0.857rem;
- background: #323232;
- color: #dedede;
- border: 1px solid #4b4b4b;
- border-radius: 3px;
- }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #323232;
- border: 1px solid #191919;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #252525;
- }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: #dedede;
- background: #323232;
- font-weight: 700;
- margin: 0;
- border-bottom: 0 none;
- 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: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .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.1rem white;
- }
- .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: #dedede;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- font-weight: 700;
- 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: #F48FB1;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem;
- }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.857rem 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: 3px;
- 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: #212529;
- background: #F48FB1;
- }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .p-datepicker table td.p-datepicker-today > span {
- background: #EC407A;
- color: #212529;
- border-color: transparent;
- }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #212529;
- background: #F48FB1;
- }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 0.857rem 0 0.429rem 0;
- border-top: 1px solid #4b4b4b;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto;
- }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #4b4b4b;
- padding: 0.857rem 0 0.429rem 0;
- }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .p-datepicker .p-timepicker button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .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.857rem 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: #212529;
- background: #F48FB1;
- }
- .p-datepicker .p-yearpicker {
- margin: 0.857rem 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: #212529;
- background: #F48FB1;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-left: 1px solid #4b4b4b;
- padding-right: 0.857rem;
- padding-left: 0.857rem;
- 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: #4c4c4c;
- }
- .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.1rem white;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
- background: #4c4c4c;
- }
- .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.1rem white;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
- background: #4c4c4c;
- }
- .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.1rem white;
- }
-
- p-calendar.p-calendar-clearable .p-inputtext {
- padding-right: 1.858rem;
- }
- p-calendar.p-calendar-clearable .p-calendar-clear-icon {
- color: #888888;
- right: 0.429rem;
- }
-
- p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon {
- color: #888888;
- right: 2.786rem;
- }
-
- @media screen and (max-width: 769px) {
- .p-datepicker table th, .p-datepicker table td {
- padding: 0;
- }
- }
- .p-cascadeselect {
- background: #191919;
- border: 1px solid #4b4b4b;
- 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: #F48FB1;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #F48FB1;
- }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.429rem 0.429rem;
- }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #9b9b9b;
- }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #888888;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #e57373;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #4b4b4b;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #4b4b4b;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #4b4b4b;
- }
-
- .p-cascadeselect-panel {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: #dedede;
- 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:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #212529;
- background: #F48FB1;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: #f48fb1;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #dedede;
- background: #3c3c3c;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.429rem 0.857rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem;
- }
-
- .p-input-filled .p-cascadeselect {
- background: #4b4b4b;
- }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: #4b4b4b;
- }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
- background-color: #4b4b4b;
- }
-
- p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect {
- border-color: #e57373;
- }
-
- p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label {
- padding-right: 0.429rem;
- }
- p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon {
- color: #888888;
- 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: 1px solid #4b4b4b;
- background: #191919;
- width: 20px;
- height: 20px;
- color: #dedede;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #212529;
- font-size: 14px;
- }
- .p-checkbox .p-checkbox-box .p-icon {
- width: 14px;
- height: 14px;
- }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #F48FB1;
- background: #F48FB1;
- }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: #F48FB1;
- }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #F48FB1;
- }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #EC407A;
- background: #EC407A;
- color: #212529;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #4b4b4b;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
- background: #F48FB1;
- }
- .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #4b4b4b;
- }
- .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #EC407A;
- }
-
- p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
- border-color: #e57373;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #4b4b4b;
- }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #F48FB1;
- }
- .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #4b4b4b;
- }
- .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #EC407A;
- }
-
- .p-checkbox-label {
- margin-left: 0.5rem;
- }
-
- .p-highlight .p-checkbox .p-checkbox-box {
- border-color: #212529;
- }
-
- p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
- border-color: #e57373;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #F48FB1;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #F48FB1;
- }
- .p-chips .p-chips-multiple-container {
- padding: 0.2145rem 0.429rem;
- gap: 0.5rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #4b4b4b;
- color: #dedede;
- border-radius: 16px;
- }
- .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
- background: #464646;
- color: #dedede;
- }
- .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.2145rem 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: #dedede;
- padding: 0;
- margin: 0;
- }
-
- p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
- border-color: #e57373;
- }
-
- p-chips.p-chips-clearable .p-inputtext {
- padding-right: 1.429rem;
- }
- p-chips.p-chips-clearable .p-chips-clear-icon {
- color: #888888;
- right: 0.429rem;
- }
-
- .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.16);
- }
-
- .p-dropdown {
- background: #191919;
- border: 1px solid #4b4b4b;
- 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: #F48FB1;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #F48FB1;
- }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.429rem;
- }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none;
- }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #9b9b9b;
- }
- .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: #888888;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: #888888;
- right: 2.357rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #e57373;
- }
- .p-dropdown.p-variant-filled {
- background-color: #4b4b4b;
- }
- .p-dropdown.p-variant-filled:enabled:hover {
- background-color: #4b4b4b;
- }
- .p-dropdown.p-variant-filled:enabled:focus {
- background-color: #4b4b4b;
- }
-
- .p-dropdown-panel {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #191919;
- color: #dedede;
- background: #252525;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.429rem;
- margin-right: -1.429rem;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.429rem;
- color: #888888;
- }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #dedede;
- 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:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #212529;
- background: #F48FB1;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: #f48fb1;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #dedede;
- background: #3c3c3c;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.429rem 0.857rem;
- color: #dedede;
- background: transparent;
- }
-
- .p-input-filled .p-dropdown {
- background: #4b4b4b;
- }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: #4b4b4b;
- }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
- background-color: #4b4b4b;
- }
- .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: #e57373;
- }
-
- .p-icon-field .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-inputgroup-addon {
- background: #252525;
- color: #888888;
- border-top: 1px solid #4b4b4b;
- border-left: 1px solid #4b4b4b;
- border-bottom: 1px solid #4b4b4b;
- padding: 0.429rem 0.429rem;
- min-width: 2.357rem;
- }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #4b4b4b;
- }
-
- .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-icon-field-left .p-input-icon:first-of-type {
- left: 0.429rem;
- color: #888888;
- }
-
- .p-icon-field-right .p-input-icon:last-of-type {
- right: 0.429rem;
- color: #888888;
- }
-
- p-inputmask.ng-dirty.ng-invalid > .p-inputtext {
- border-color: #e57373;
- }
-
- p-inputmask.p-inputmask-clearable .p-inputtext {
- padding-right: 1.858rem;
- }
- p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon {
- color: #888888;
- right: 0.429rem;
- }
-
- .p-inputmask.p-variant-filled {
- background-color: #4b4b4b;
- }
- .p-inputmask.p-variant-filled:enabled:hover {
- background-color: #4b4b4b;
- }
- .p-inputmask.p-variant-filled:enabled:focus {
- background-color: #4b4b4b;
- }
-
- p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
- border-color: #e57373;
- }
-
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-input {
- padding-right: 1.858rem;
- }
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon {
- color: #888888;
- right: 0.429rem;
- }
-
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon {
- right: 2.786rem;
- }
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon {
- right: 2.786rem;
- }
-
- p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #4b4b4b;
- }
- p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #4b4b4b;
- }
- p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #4b4b4b;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 1.858rem;
- }
-
- .p-inputswitch {
- width: 3rem;
- height: 1.75rem;
- }
- .p-inputswitch .p-inputswitch-slider {
- background: #4b4b4b;
- 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: #323232;
- 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.1rem white;
- }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: #4b4b4b;
- }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: #F48FB1;
- }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: #323232;
- }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: #F06292;
- }
-
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
- border-color: #e57373;
- }
-
- .p-inputtext {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #dedede;
- background: #191919;
- padding: 0.429rem 0.429rem;
- border: 1px solid #4b4b4b;
- 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: #F48FB1;
- }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #F48FB1;
- }
- .p-inputtext.ng-dirty.ng-invalid {
- border-color: #e57373;
- }
- .p-inputtext.p-variant-filled {
- background-color: #4b4b4b;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #4b4b4b;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #4b4b4b;
- }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.375375rem 0.375375rem;
- }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.53625rem 0.53625rem;
- }
-
- .p-float-label > label {
- left: 0.429rem;
- color: #9b9b9b;
- transition-duration: 0.2s;
- }
-
- .p-float-label > .ng-invalid.ng-dirty + label {
- color: #e57373;
- }
-
- .p-input-icon-left > .p-icon-wrapper.p-icon,
-.p-input-icon-left > i:first-of-type {
- left: 0.429rem;
- color: #888888;
- }
-
- .p-input-icon-left > .p-inputtext {
- padding-left: 1.858rem;
- }
-
- .p-input-icon-left.p-float-label > label {
- left: 1.858rem;
- }
-
- .p-input-icon-right > .p-icon-wrapper,
-.p-input-icon-right > i:last-of-type {
- right: 0.429rem;
- color: #888888;
- }
-
- .p-input-icon-right > .p-inputtext {
- padding-right: 1.858rem;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 1.858rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 1.858rem;
- }
-
- .p-icon-field-right > .p-inputtext {
- padding-right: 1.858rem;
- }
-
- ::-webkit-input-placeholder {
- color: #9b9b9b;
- }
-
- :-moz-placeholder {
- color: #9b9b9b;
- }
-
- ::-moz-placeholder {
- color: #9b9b9b;
- }
-
- :-ms-input-placeholder {
- color: #9b9b9b;
- }
-
- .p-input-filled .p-inputtext {
- background-color: #4b4b4b;
- }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #4b4b4b;
- }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #4b4b4b;
- }
-
- .p-inputtext-sm .p-inputtext {
- font-size: 0.875rem;
- padding: 0.375375rem 0.375375rem;
- }
-
- .p-inputtext-lg .p-inputtext {
- font-size: 1.25rem;
- padding: 0.53625rem 0.53625rem;
- }
-
- .p-listbox {
- background: #323232;
- color: #dedede;
- border: 1px solid #4b4b4b;
- 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.429rem 0.857rem;
- border-bottom: 1px solid #191919;
- color: #dedede;
- background: #252525;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.429rem;
- }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.429rem;
- color: #888888;
- }
- .p-listbox .p-listbox-header .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-listbox .p-listbox-list {
- padding: 0;
- outline: 0 none;
- }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #dedede;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #212529;
- background: #F48FB1;
- }
- .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.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700;
- }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.429rem 0.857rem;
- color: #dedede;
- background: transparent;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
- background: #f48fb1;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-listbox.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #F48FB1;
- }
-
- p-listbox.ng-dirty.ng-invalid > .p-listbox {
- border-color: #e57373;
- }
-
- .p-multiselect {
- background: #191919;
- border: 1px solid #4b4b4b;
- 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: #F48FB1;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #F48FB1;
- }
- .p-multiselect .p-multiselect-label {
- padding: 0.429rem 0.429rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #9b9b9b;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #4b4b4b;
- color: #dedede;
- 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: #888888;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-multiselect.p-variant-filled {
- background: #4b4b4b;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #4b4b4b;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #4b4b4b;
- }
-
- .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.2145rem 0.429rem;
- }
-
- .p-multiselect-clearable .p-multiselect-label-container {
- padding-right: 1.429rem;
- }
- .p-multiselect-clearable .p-multiselect-clear-icon {
- color: #888888;
- right: 2.357rem;
- }
-
- .p-multiselect-panel {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #191919;
- color: #dedede;
- background: #252525;
- 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.429rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.429rem;
- color: #888888;
- }
- .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: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #dedede;
- 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:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #212529;
- background: #F48FB1;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: #f48fb1;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .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.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.429rem 0.857rem;
- color: #dedede;
- background: transparent;
- }
-
- .p-input-filled .p-multiselect {
- background: #4b4b4b;
- }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: #4b4b4b;
- }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
- background-color: #4b4b4b;
- }
-
- p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
- border-color: #e57373;
- }
-
- p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext {
- border-color: #e57373;
- }
-
- .p-password-panel {
- padding: 0.571rem 1rem;
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #eaeaea;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #e57373;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #ffb74d;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #aed581;
- }
-
- p-password.p-password-clearable .p-password-input {
- padding-right: 1.858rem;
- }
- p-password.p-password-clearable .p-password-clear-icon {
- color: #888888;
- right: 0.429rem;
- }
-
- p-password.p-password-clearable.p-password-mask .p-password-input {
- padding-right: 3.287rem;
- }
- p-password.p-password-clearable.p-password-mask .p-password-clear-icon {
- color: #888888;
- right: 1.858rem;
- }
-
- .p-radiobutton {
- width: 20px;
- height: 20px;
- }
- .p-radiobutton .p-radiobutton-box {
- border: 1px solid #4b4b4b;
- background: #191919;
- width: 20px;
- height: 20px;
- color: #dedede;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: #F48FB1;
- }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #F48FB1;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.2s;
- background-color: #212529;
- }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #F48FB1;
- background: #F48FB1;
- }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #EC407A;
- background: #EC407A;
- color: #212529;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #4b4b4b;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #4b4b4b;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight {
- background: #F48FB1;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #EC407A;
- }
-
- p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
- border-color: #e57373;
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #4b4b4b;
- }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #4b4b4b;
- }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
- background: #F48FB1;
- }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #EC407A;
- }
-
- .p-radiobutton-label {
- margin-left: 0.5rem;
- }
-
- .p-highlight .p-radiobutton .p-radiobutton-box {
- border-color: #212529;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- border-radius: 50%;
- outline-color: transparent;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- }
- .p-rating .p-rating-item .p-rating-icon {
- color: #dedede;
- 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: #e4018d;
- }
- .p-rating .p-rating-item.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #F48FB1;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #F48FB1;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #b5019f;
- }
-
- .p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #212529;
- }
-
- .p-selectbutton .p-button {
- background: #252525;
- border: 1px solid #252525;
- color: #dedede;
- 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: #888888;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #4c4c4c;
- border-color: #4c4c4c;
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-selectbutton .p-button.p-highlight {
- background: #F48FB1;
- border-color: #F48FB1;
- color: #212529;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #212529;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #F06292;
- border-color: #F06292;
- color: #212529;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #212529;
- }
-
- p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
- border-color: #e57373;
- }
-
- .p-slider {
- background: #4b4b4b;
- 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 {
- height: 100%;
- width: 0.286rem;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem;
- }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #4c4c4c;
- border: 2px solid #F48FB1;
- border-radius: 100%;
- 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.1rem white;
- }
- .p-slider .p-slider-range {
- background: #F48FB1;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #F48FB1;
- border-color: #F48FB1;
- }
- .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: #252525;
- border: 1px solid #252525;
- color: #dedede;
- 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: #888888;
- }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #4c4c4c;
- border-color: #4c4c4c;
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-togglebutton.p-button.p-highlight {
- background: #F48FB1;
- border-color: #F48FB1;
- color: #212529;
- }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: #212529;
- }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #F06292;
- border-color: #F06292;
- color: #212529;
- }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: #212529;
- }
-
- p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
- border-color: #e57373;
- }
-
- .p-treeselect {
- background: #191919;
- border: 1px solid #4b4b4b;
- 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: #F48FB1;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- border-color: #F48FB1;
- }
- .p-treeselect .p-treeselect-label {
- padding: 0.429rem 0.429rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #9b9b9b;
- }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #4b4b4b;
- color: #dedede;
- border-radius: 16px;
- }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #888888;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-treeselect.p-variant-filled {
- background-color: #4b4b4b;
- }
- .p-treeselect.p-variant-filled:enabled:hover {
- background-color: #4b4b4b;
- }
- .p-treeselect.p-variant-filled:enabled:focus {
- background-color: #4b4b4b;
- }
-
- p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
- border-color: #e57373;
- }
-
- .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.2145rem 0.429rem;
- }
-
- .p-treeselect-panel {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-treeselect-panel .p-treeselect-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #191919;
- color: #dedede;
- background: #252525;
- 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.429rem;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
- right: 0.429rem;
- color: #888888;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
- padding-right: 2.858rem;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
- right: 1.858rem;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-close {
- width: 2rem;
- height: 2rem;
- color: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .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.429rem 0.857rem;
- color: #dedede;
- background: transparent;
- }
-
- .p-input-filled .p-treeselect {
- background: #4b4b4b;
- }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #4b4b4b;
- }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #4b4b4b;
- }
-
- p-treeselect.p-treeselect-clearable .p-treeselect-label-container {
- padding-right: 1.429rem;
- }
- p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
- color: #888888;
- right: 2.357rem;
- }
-
- .p-button {
- color: #212529;
- background: #F48FB1;
- border: 1px solid #F48FB1;
- padding: 0.429rem 1rem;
- font-size: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- outline-color: transparent;
- }
- .p-button:not(:disabled):hover {
- background: #F06292;
- color: #212529;
- border-color: #F06292;
- }
- .p-button:not(:disabled):active {
- background: #EC407A;
- color: #212529;
- border-color: #EC407A;
- }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #F48FB1;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(244, 143, 177, 0.04);
- color: #F48FB1;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(244, 143, 177, 0.16);
- color: #F48FB1;
- border: 1px solid;
- }
- .p-button.p-button-outlined.p-button-plain {
- color: #888888;
- border-color: #888888;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
- background: #4c4c4c;
- color: #888888;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
- background: #3c3c3c;
- color: #888888;
- }
- .p-button.p-button-text {
- background-color: transparent;
- color: #F48FB1;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(244, 143, 177, 0.04);
- color: #F48FB1;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(244, 143, 177, 0.16);
- color: #F48FB1;
- border-color: transparent;
- }
- .p-button.p-button-text.p-button-plain {
- color: #888888;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):hover {
- background: #4c4c4c;
- color: #888888;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):active {
- background: #3c3c3c;
- color: #888888;
- }
- .p-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .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: #F48FB1;
- background-color: #212529;
- }
- .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.429rem 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.375375rem 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.53625rem 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-button-group {
- display: flex;
- }
- .p-fluid .p-button-group .p-button {
- flex: 1;
- }
-
- .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
- color: #121212;
- background: #b0bec5;
- border: 1px solid #b0bec5;
- }
- .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
- background: #90a4ae;
- color: #121212;
- border-color: #90a4ae;
- }
- .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 0.1rem #cfd8dc;
- }
- .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
- background: #78909c;
- color: #121212;
- border-color: #78909c;
- }
- .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #b0bec5;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.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(176, 190, 197, 0.04);
- color: #b0bec5;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.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(176, 190, 197, 0.16);
- color: #b0bec5;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #b0bec5;
- border-color: transparent;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.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(176, 190, 197, 0.04);
- border-color: transparent;
- color: #b0bec5;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.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(176, 190, 197, 0.16);
- border-color: transparent;
- color: #b0bec5;
- }
-
- .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
- color: #212529;
- background: #4fc3f7;
- border: 1px solid #4fc3f7;
- }
- .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
- background: #29b6f6;
- color: #212529;
- border-color: #29b6f6;
- }
- .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 0.1rem #e1f5fe;
- }
- .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
- background: #03a9f4;
- color: #212529;
- border-color: #03a9f4;
- }
- .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #4fc3f7;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.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(79, 195, 247, 0.04);
- color: #4fc3f7;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.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(79, 195, 247, 0.16);
- color: #4fc3f7;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #4fc3f7;
- border-color: transparent;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.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(79, 195, 247, 0.04);
- border-color: transparent;
- color: #4fc3f7;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.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(79, 195, 247, 0.16);
- border-color: transparent;
- color: #4fc3f7;
- }
-
- .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
- color: #212529;
- background: #aed581;
- border: 1px solid #aed581;
- }
- .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
- background: #9ccc65;
- color: #212529;
- border-color: #9ccc65;
- }
- .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 0.1rem #f1f8e9;
- }
- .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
- background: #8bc34a;
- color: #212529;
- border-color: #8bc34a;
- }
- .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #aed581;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.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(174, 213, 129, 0.04);
- color: #aed581;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.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(174, 213, 129, 0.16);
- color: #aed581;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #aed581;
- border-color: transparent;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.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(174, 213, 129, 0.04);
- border-color: transparent;
- color: #aed581;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.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(174, 213, 129, 0.16);
- border-color: transparent;
- color: #aed581;
- }
-
- .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
- color: #212529;
- background: #ffb74d;
- border: 1px solid #ffb74d;
- }
- .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
- background: #ffa726;
- color: #212529;
- border-color: #ffa726;
- }
- .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 0.1rem #fffde7;
- }
- .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
- background: #ff9800;
- color: #212529;
- border-color: #ff9800;
- }
- .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ffb74d;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.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, 183, 77, 0.04);
- color: #ffb74d;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.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, 183, 77, 0.16);
- color: #ffb74d;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #ffb74d;
- border-color: transparent;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.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, 183, 77, 0.04);
- border-color: transparent;
- color: #ffb74d;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.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, 183, 77, 0.16);
- border-color: transparent;
- color: #ffb74d;
- }
-
- .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
- color: #121212;
- background: #ce93d8;
- border: 1px solid #ce93d8;
- }
- .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
- background: #ba68c8;
- color: #121212;
- border-color: #ba68c8;
- }
- .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #ce93d8;
- }
- .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
- background: #ab47bc;
- color: #121212;
- border-color: #ab47bc;
- }
- .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ce93d8;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.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(206, 147, 216, 0.04);
- color: #ce93d8;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.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(206, 147, 216, 0.16);
- color: #ce93d8;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #ce93d8;
- border-color: transparent;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.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(206, 147, 216, 0.04);
- border-color: transparent;
- color: #ce93d8;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.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(206, 147, 216, 0.16);
- border-color: transparent;
- color: #ce93d8;
- }
-
- .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
- color: #212529;
- background: #e57373;
- border: 1px solid #e57373;
- }
- .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
- background: #ef5350;
- color: #212529;
- border-color: #ef5350;
- }
- .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 0.1rem #ffebee;
- }
- .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
- background: #f44336;
- color: #212529;
- border-color: #f44336;
- }
- .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #e57373;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.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(229, 115, 115, 0.04);
- color: #e57373;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.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(229, 115, 115, 0.16);
- color: #e57373;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #e57373;
- border-color: transparent;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.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(229, 115, 115, 0.04);
- border-color: transparent;
- color: #e57373;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.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(229, 115, 115, 0.16);
- border-color: transparent;
- color: #e57373;
- }
-
- .p-button.p-button-link {
- color: #F48FB1;
- background: transparent;
- border: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #F48FB1;
- 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 white;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #F48FB1;
- 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.1rem white;
- }
-
- .p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: #474747;
- color: #fff;
- }
- .p-speeddial-action:hover {
- background: #4d4d4d;
- 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-rounded {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-rounded > .p-button {
- border-radius: 2rem;
- }
- .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-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
- width: 2rem;
- height: 2rem;
- color: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .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.1rem white;
- }
- .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: #4b4b4b;
- 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: #4c4c4c;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: #F48FB1;
- color: #212529;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 1px 1px 0 1px;
- border-radius: 0;
- }
- .p-datatable .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- border-radius: 0;
- }
- .p-datatable .p-datatable-header {
- background: #191919;
- color: #dedede;
- border: 1px solid #191919;
- border-width: 1px 1px 0 1px;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-datatable .p-datatable-footer {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-width: 0 1px 1px 1px;
- padding: 0.571rem 1rem;
- font-weight: normal;
- }
- .p-datatable .p-datatable-thead > tr > th {
- text-align: left;
- padding: 0.571rem 0.857rem;
- border: 1px solid #191919;
- border-width: 1px 1px 1px 1px;
- font-weight: 700;
- color: #dedede;
- background: #252525;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-datatable .p-datatable-tfoot > tr > td {
- text-align: left;
- padding: 0.571rem 0.857rem;
- border: 1px solid #191919;
- border-width: 1px;
- font-weight: 700;
- color: #dedede;
- background: #252525;
- }
- .p-datatable .p-sortable-column .p-sortable-column-icon {
- color: #888888;
- 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: #212529;
- background: #F48FB1;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #dedede;
- }
- .p-datatable .p-sortable-column.p-highlight {
- background: #F48FB1;
- color: #212529;
- }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #212529;
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: #F48FB1;
- color: #212529;
- }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #212529;
- }
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: inset 0 0 0 0.15rem white;
- outline: 0 none;
- }
- .p-datatable .p-datatable-tbody > tr {
- background: #323232;
- color: #dedede;
- 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 #191919;
- border-width: 1px;
- padding: 0.571rem 0.857rem;
- }
- .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: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .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.1rem white;
- }
- .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 white;
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #F48FB1;
- color: #212529;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #F48FB1;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #F48FB1;
- }
- .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede;
- }
- .p-datatable .p-column-resizer-helper {
- background: #F48FB1;
- }
- .p-datatable .p-datatable-scrollable-header,
-.p-datatable .p-datatable-scrollable-footer {
- background: #191919;
- }
- .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: #252525;
- }
- .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: #323232;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: #F48FB1;
- color: #212529;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: #212529;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: #212529;
- }
- .p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.72845rem 0.85rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.48535rem 0.72845rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.48535rem 0.72845rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.48535rem 0.85rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.48535rem 0.85rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.07125rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 0.71375rem 1.07125rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 0.71375rem 1.07125rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 0.71375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 0.71375rem 1.25rem;
- }
-
- .p-dataview .p-paginator-top {
- border-width: 1px 1px 0 1px;
- border-radius: 0;
- }
- .p-dataview .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- border-radius: 0;
- }
- .p-dataview .p-dataview-header {
- background: #191919;
- color: #dedede;
- border: 1px solid #191919;
- border-width: 1px 1px 0 1px;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-dataview .p-dataview-content {
- background: #323232;
- color: #dedede;
- border: 0 none;
- padding: 0;
- }
- .p-dataview .p-dataview-footer {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-width: 0 1px 1px 1px;
- padding: 0.571rem 1rem;
- font-weight: normal;
- 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: 0.571rem 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: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: transparent;
- color: #dedede;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: #F48FB1;
- color: #212529;
- }
- .p-column-filter-menu-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
-
- .p-column-filter-clear-button {
- width: 2rem;
- height: 2rem;
- color: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .p-column-filter-clear-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
-
- .p-column-filter-overlay {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- min-width: 12.5rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #dedede;
- 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:first-child {
- margin-top: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #212529;
- background: #F48FB1;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .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 white;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #4b4b4b;
- margin: 0;
- }
-
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #191919;
- color: #dedede;
- background: #252525;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0.571rem 1rem;
- border-bottom: 1px solid #4b4b4b;
- }
- .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.571rem 1rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0.571rem 1rem;
- }
-
- .p-orderlist .p-orderlist-controls {
- padding: 0.571rem 1rem;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem;
- }
- .p-orderlist .p-orderlist-list-container {
- background: #323232;
- border: 1px solid #191919;
- 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.1rem white;
- border-color: #F48FB1;
- }
- .p-orderlist .p-orderlist-header {
- color: #dedede;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-orderlist .p-orderlist-header .p-orderlist-title {
- font-weight: 700;
- }
- .p-orderlist .p-orderlist-filter-container {
- padding: 0.857rem 1rem;
- background: #323232;
- border: 1px solid #191919;
- border-bottom: 0 none;
- }
- .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
- padding-right: 1.429rem;
- }
- .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
- right: 0.429rem;
- color: #888888;
- }
- .p-orderlist .p-orderlist-list {
- color: #dedede;
- padding: 0;
- outline: 0 none;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border-top: 1px solid #191919;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.429rem 0.857rem;
- margin: 0;
- border: 0 none;
- color: #dedede;
- background: transparent;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
- margin-top: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
- color: #dedede;
- background: #3c3c3c;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #212529;
- background: #F48FB1;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: #f48fb1;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-empty-message {
- padding: 0.429rem 0.857rem;
- color: #dedede;
- }
- .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
- background: #323232;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
- background: #4c4c4c;
- }
-
- .p-orderlist-item.cdk-drag-preview {
- padding: 0.429rem 0.857rem;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border: 0 none;
- color: #dedede;
- background: #323232;
- margin: 0;
- }
-
- .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight {
- background: #F48FB1;
- color: #212529;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #e91b60;
- }
- .p-organizationchart .p-organizationchart-line-down {
- background: #191919;
- }
- .p-organizationchart .p-organizationchart-line-left {
- border-right: 1px solid #191919;
- border-color: #191919;
- }
- .p-organizationchart .p-organizationchart-line-top {
- border-top: 1px solid #191919;
- border-color: #191919;
- }
- .p-organizationchart .p-organizationchart-node-content {
- border: 1px solid #191919;
- background: #323232;
- color: #dedede;
- padding: 0.571rem 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.1rem white;
- }
-
- .p-paginator {
- background: #252525;
- color: #dedede;
- border: solid #191919;
- border-width: 1px;
- padding: 0;
- 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: #dedede;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .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: #e0e0e0;
- border-color: transparent;
- color: #4c4c4c;
- }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
- .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: #dedede;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- padding: 0 0.5rem;
- }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: #dedede;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #F48FB1;
- border-color: #F48FB1;
- color: #212529;
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: #e0e0e0;
- border-color: transparent;
- color: #4c4c4c;
- }
-
- .p-picklist .p-picklist-buttons {
- padding: 0.571rem 1rem;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem;
- }
- .p-picklist .p-picklist-list-wrapper {
- background: #323232;
- border: 1px solid #191919;
- 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.1rem white;
- border-color: #F48FB1;
- }
- .p-picklist .p-picklist-header {
- color: #dedede;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-picklist .p-picklist-header .p-picklist-title {
- font-weight: 700;
- }
- .p-picklist .p-picklist-filter-container {
- padding: 0.857rem 1rem;
- background: #323232;
- border: 1px solid #191919;
- border-bottom: 0 none;
- }
- .p-picklist .p-picklist-filter-container .p-picklist-filter-input {
- padding-right: 1.429rem;
- }
- .p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
- right: 0.429rem;
- color: #888888;
- }
- .p-picklist .p-picklist-list {
- color: #dedede;
- padding: 0;
- outline: 0 none;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border-top: 1px solid #191919;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.429rem 0.857rem;
- margin: 0;
- border: 0 none;
- color: #dedede;
- background: transparent;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-picklist .p-picklist-list .p-picklist-item:first-child {
- margin-top: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-focus {
- color: #dedede;
- background: #3c3c3c;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #212529;
- background: #F48FB1;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: #f48fb1;
- }
- .p-picklist .p-picklist-list .p-picklist-empty-message {
- padding: 0.429rem 0.857rem;
- color: #dedede;
- }
- .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
- background: #323232;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
- background: #4c4c4c;
- }
-
- .p-picklist-item.cdk-drag-preview {
- padding: 0.429rem 0.857rem;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border: 0 none;
- color: #dedede;
- background: #323232;
- margin: 0;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 0 none;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #F48FB1;
- }
- .p-timeline .p-timeline-event-connector {
- background-color: #191919;
- }
- .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 #191919;
- background: #323232;
- color: #dedede;
- padding: 0.571rem 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 white;
- }
- .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;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .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.1rem white;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #888888;
- }
- .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: #dedede;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #4b4b4b;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
- background: #F48FB1;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
- background-color: #4b4b4b;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
- background: #EC407A;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #F48FB1;
- color: #212529;
- }
- .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: #212529;
- }
- .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: #212529;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
- background: #4c4c4c;
- color: #dedede;
- }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.429rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.429rem;
- color: #888888;
- }
- .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: #ed4980;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content {
- border-radius: 3px;
- border: 1px solid #191919;
- background-color: #323232;
- color: #dedede;
- padding: 0;
- 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: #F48FB1;
- color: #212529;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #212529;
- }
- .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: #888888;
- 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: #4c4c4c;
- color: #dedede;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 1px 1px 0 1px;
- border-radius: 0;
- }
- .p-treetable .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- border-radius: 0;
- }
- .p-treetable .p-treetable-header {
- background: #191919;
- color: #dedede;
- border: 1px solid #191919;
- border-width: 1px 1px 0 1px;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-treetable .p-treetable-footer {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-width: 0 1px 1px 1px;
- padding: 0.571rem 1rem;
- font-weight: normal;
- }
- .p-treetable .p-treetable-thead > tr > th {
- text-align: left;
- padding: 0.571rem 0.857rem;
- border: 1px solid #191919;
- border-width: 1px 1px 1px 1px;
- font-weight: 700;
- color: #dedede;
- background: #252525;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-treetable .p-treetable-tfoot > tr > td {
- text-align: left;
- padding: 0.571rem 0.857rem;
- border: 1px solid #191919;
- border-width: 1px;
- font-weight: 700;
- color: #dedede;
- background: #252525;
- }
- .p-treetable .p-sortable-column {
- outline-color: white;
- }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #888888;
- 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: #212529;
- background: #F48FB1;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #dedede;
- }
- .p-treetable .p-sortable-column.p-highlight {
- background: #F48FB1;
- color: #212529;
- }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #212529;
- }
- .p-treetable .p-treetable-tbody > tr {
- background: #323232;
- color: #dedede;
- 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 #191919;
- border-width: 1px;
- padding: 0.571rem 0.857rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .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: #dedede;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #4b4b4b;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
- background: #F48FB1;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
- background-color: #4b4b4b;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
- background: #EC407A;
- }
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid white;
- outline-offset: -0.15rem;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #F48FB1;
- color: #212529;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #212529;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #212529;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
- background: #4c4c4c;
- color: #dedede;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #dedede;
- }
- .p-treetable .p-column-resizer-helper {
- background: #F48FB1;
- }
- .p-treetable .p-treetable-scrollable-header,
-.p-treetable .p-treetable-scrollable-footer {
- background: #191919;
- }
- .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.749875rem 0.875rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.48535rem 0.72845rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.48535rem 0.72845rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.48535rem 0.85rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.48535rem 0.85rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.07125rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 0.71375rem 1.07125rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 0.71375rem 1.07125rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 0.71375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 0.71375rem 1.25rem;
- }
-
- .p-virtualscroller .p-virtualscroller-header {
- background: #191919;
- color: #dedede;
- border: 1px solid #191919;
- border-width: 1px 1px 0 1px;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-virtualscroller .p-virtualscroller-content {
- background: #323232;
- color: #dedede;
- border: 0 none;
- padding: 0;
- }
- .p-virtualscroller .p-virtualscroller-footer {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-width: 0 1px 1px 1px;
- padding: 0.571rem 1rem;
- font-weight: normal;
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
- }
-
- .p-accordion .p-accordion-header .p-accordion-header-link {
- padding: 0.857rem 1rem;
- border: 1px solid #191919;
- color: #dedede;
- background: #191919;
- font-weight: 700;
- 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.1rem white;
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: #191919;
- border-color: #191919;
- color: #F48FB1;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
- background: #F48FB1;
- border-color: #F48FB1;
- color: #212529;
- 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: #EC407A;
- background: #EC407A;
- color: #212529;
- }
- .p-accordion .p-accordion-content {
- padding: 0.571rem 1rem;
- border: 1px solid #191919;
- background: #323232;
- color: #dedede;
- 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: 2px;
- }
-
- .p-card {
- background: #323232;
- color: #dedede;
- 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: 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: #888888;
- }
- .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: #323232;
- }
- .p-divider.p-divider-horizontal {
- margin: 1rem 0;
- padding: 0 1rem;
- }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px #4b4b4b;
- }
- .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 #4b4b4b;
- }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0;
- }
-
- .p-fieldset {
- border: 1px solid #191919;
- background: #323232;
- color: #dedede;
- border-radius: 3px;
- }
- .p-fieldset .p-fieldset-legend {
- padding: 0.857rem 1rem;
- border: 1px solid #191919;
- color: #dedede;
- background: #191919;
- font-weight: 700;
- 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: 0.857rem 1rem;
- color: #dedede;
- 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.1rem white;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: #191919;
- border-color: #191919;
- color: #F48FB1;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0.571rem 1rem;
- }
-
- .p-panel .p-panel-header {
- border: 1px solid #191919;
- padding: 0.857rem 1rem;
- background: #191919;
- color: #dedede;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 700;
- }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.857rem 1rem;
- }
- .p-panel .p-panel-content {
- padding: 0.571rem 1rem;
- border: 1px solid #191919;
- background: #323232;
- color: #dedede;
- 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.571rem 1rem;
- border: 1px solid #191919;
- background: #323232;
- color: #dedede;
- 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: #3f3f3f;
- 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.1rem white;
- }
-
- .p-splitter {
- border: 1px solid #191919;
- background: #323232;
- border-radius: 3px;
- color: #dedede;
- }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: #191919;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #4b4b4b;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .p-splitter .p-splitter-gutter-resizing {
- background: #4b4b4b;
- }
-
- .p-tabview .p-tabview-nav-content {
- scroll-padding-inline: 2.357rem;
- }
- .p-tabview .p-tabview-nav {
- background: transparent;
- border: 0 none;
- border-width: 1px;
- }
- .p-tabview .p-tabview-nav li {
- margin-right: 2px;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: 1px solid #191919;
- border-width: 1px;
- border-color: #191919;
- background: #191919;
- color: #dedede;
- padding: 0.857rem 1rem;
- font-weight: 700;
- 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 -1px 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.1rem white;
- }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #191919;
- border-color: #191919;
- color: #F48FB1;
- }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #F48FB1;
- border-color: #F48FB1;
- color: #212529;
- }
- .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: #F48FB1;
- color: #212529;
- 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.1rem white;
- }
- .p-tabview .p-tabview-panels {
- background: #323232;
- padding: 0.571rem 1rem;
- border: 1px solid #191919;
- color: #dedede;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
-
- .p-toolbar {
- background: #191919;
- border: 1px solid #191919;
- padding: 0.857rem 1rem;
- border-radius: 3px;
- gap: 0.5rem;
- }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem;
- }
-
- .p-stepper .p-stepper-nav {
- position: relative;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow-x: auto;
- }
-
- .p-stepper-vertical .p-stepper-nav {
- flex-direction: column;
- }
-
- .p-stepper-header {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- align-items: center;
- }
- .p-stepper-header:last-of-type {
- flex: initial;
- }
-
- .p-stepper-header .p-stepper-action {
- border: 0 none;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- cursor: pointer;
- }
- .p-stepper-header .p-stepper-action:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
-
- .p-stepper.p-stepper-readonly .p-stepper-header {
- cursor: auto;
- }
-
- .p-stepper-header.p-highlight .p-stepper-action {
- cursor: default;
- }
-
- .p-stepper-title {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-stepper-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-stepper-separator {
- flex: 1 1 0;
- }
-
- .p-stepper .p-stepper-nav {
- display: flex;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .p-stepper .p-stepper-header {
- padding: 0.5rem;
- }
- .p-stepper .p-stepper-header .p-stepper-action {
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- background: #191919;
- outline-color: transparent;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- color: #dedede;
- border: 1px solid #191919;
- border-width: 2px;
- background: #191919;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
- margin-left: 0.5rem;
- color: #888888;
- font-weight: 700;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #F48FB1;
- color: #212529;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #dedede;
- }
- .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
- background-color: #F48FB1;
- }
- .p-stepper .p-stepper-panels {
- background: #323232;
- padding: 0.571rem 1rem;
- color: #dedede;
- }
- .p-stepper .p-stepper-separator {
- background-color: #191919;
- width: 100%;
- height: 2px;
- margin-inline-start: 1rem;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-stepper.p-stepper-vertical {
- display: flex;
- flex-direction: column;
- }
- .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
- display: flex;
- flex: 1 1 auto;
- background: #323232;
- color: #dedede;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel {
- display: flex;
- flex-direction: column;
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
- flex: 1 1 auto;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
- width: 100%;
- padding-left: 1rem;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
- flex: 0 0 auto;
- width: 2px;
- height: auto;
- margin-inline-start: calc(1.75rem + 2px);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
- background-color: #F48FB1;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
- padding-left: 3rem;
- }
-
- .p-confirm-popup {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 0.571rem 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0.571rem 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(50, 50, 50, 0);
- border-bottom-color: #323232;
- }
- .p-confirm-popup:before {
- border: solid transparent;
- border-color: rgba(25, 25, 25, 0);
- border-bottom-color: #191919;
- }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #323232;
- }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #191919;
- }
- .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 6px 0 rgba(0, 0, 0, 0.16);
- border: 1px solid #191919;
- }
- .p-dialog .p-dialog-header {
- border-bottom: 1px solid #191919;
- background: #191919;
- color: #dedede;
- padding: 1rem;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 700;
- font-size: 1rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0;
- }
- .p-dialog .p-dialog-content {
- background: #323232;
- color: #dedede;
- padding: 1rem;
- }
- .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 #191919;
- background: #323232;
- color: #dedede;
- padding: 0.571rem 1rem;
- 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: #323232;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0.571rem 1rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- background: #F48FB1;
- color: #212529;
- 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: #F06292;
- color: #212529;
- }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(50, 50, 50, 0);
- border-bottom-color: #323232;
- }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(25, 25, 25, 0);
- border-bottom-color: #181818;
- }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #323232;
- }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #191919;
- }
-
- .p-sidebar {
- background: #323232;
- color: #dedede;
- border: 1px solid #191919;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-sidebar .p-sidebar-header {
- padding: 0.857rem 1rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: #8888;
- 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: #dedede;
- border-color: transparent;
- background: transparent;
- }
- .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.1rem white;
- }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0;
- }
- .p-sidebar .p-sidebar-content {
- padding: 0.571rem 1rem;
- }
- .p-sidebar .p-sidebar-footer {
- padding: 0.857rem 1rem;
- }
-
- .p-tooltip .p-tooltip-text {
- background: #4c4c4c;
- color: #dedede;
- padding: 0.429rem 0.429rem;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- }
- .p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #4c4c4c;
- }
- .p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #4c4c4c;
- }
- .p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #4c4c4c;
- }
- .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #4c4c4c;
- }
-
- .p-fileupload .p-fileupload-buttonbar {
- background: #191919;
- padding: 0.857rem 1rem;
- border: 1px solid #191919;
- color: #dedede;
- 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.1rem white;
- }
- .p-fileupload .p-fileupload-content {
- background: #323232;
- padding: 0.571rem 1rem;
- border: 1px solid #191919;
- color: #dedede;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- border-color: 1px dashed #F48FB1;
- border-style: dashed;
- background-color: #F48FB1;
- }
- .p-fileupload .p-progressbar {
- height: 0.25rem;
- }
- .p-fileupload .p-fileupload-row > div {
- padding: 0.571rem 0.857rem;
- }
- .p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0;
- }
-
- .p-fileupload-choose:not(.p-disabled):hover {
- background: #F06292;
- color: #212529;
- border-color: #F06292;
- }
- .p-fileupload-choose:not(.p-disabled):active {
- background: #EC407A;
- color: #212529;
- border-color: #EC407A;
- }
-
- .p-breadcrumb {
- background: #252525;
- border: 1px solid #191919;
- border-radius: 3px;
- padding: 0.571rem 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.1rem white;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- }
- .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
- margin: 0 0.5rem 0 0.5rem;
- color: #dedede;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
- color: #dedede;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
- color: #dedede;
- }
-
- .p-contextmenu {
- padding: 0;
- background: #252525;
- color: #dedede;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- width: 12.5rem;
- }
- .p-contextmenu .p-contextmenu-root-list {
- outline: 0 none;
- }
- .p-contextmenu .p-submenu-list {
- padding: 0;
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: #dedede;
- 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: #dedede;
- padding: 0.857rem;
- user-select: none;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #dedede;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #212529;
- background: #F48FB1;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .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: #212529;
- }
- .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #F48FB1;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #dedede;
- background: #3c3c3c;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-contextmenu .p-menuitem-separator {
- border-top: 1px solid #4b4b4b;
- margin: 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 white;
- }
- .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: #252525;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- }
- .p-megamenu .p-megamenu-root-list {
- outline: 0 none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content {
- color: #dedede;
- 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: #dedede;
- padding: 0.857rem;
- user-select: none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #dedede;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #212529;
- background: #F48FB1;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .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: #212529;
- }
- .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #F48FB1;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #dedede;
- background: #3c3c3c;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-megamenu .p-megamenu-panel {
- background: #252525;
- color: #dedede;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- }
- .p-megamenu .p-submenu-header {
- margin: 0;
- padding: 0.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-megamenu .p-submenu-list {
- padding: 0;
- width: 12.5rem;
- }
- .p-megamenu .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #4b4b4b;
- margin: 0;
- }
- .p-megamenu.p-megamenu-vertical {
- width: 12.5rem;
- padding: 0;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
- color: #dedede;
- 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.857rem;
- user-select: none;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- 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: #dedede;
- 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: #dedede;
- background: #4c4c4c;
- }
- .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: #dedede;
- }
- .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: #dedede;
- }
-
- .p-menu {
- padding: 0;
- background: #252525;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- width: 12.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content {
- color: #dedede;
- 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: #dedede;
- padding: 0.857rem;
- user-select: none;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #dedede;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #212529;
- background: #F48FB1;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .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: #212529;
- }
- .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #F48FB1;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #dedede;
- background: #3c3c3c;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-menu.p-menu-overlay {
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.857rem;
- color: #dedede;
- background: #191919;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-menu .p-menuitem-separator {
- border-top: 1px solid #4b4b4b;
- margin: 0;
- }
- .p-menu .p-menuitem-badge {
- background: #F48FB1;
- color: #212529;
- 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: #252525;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- }
- .p-menubar .p-menubar-root-list {
- outline: 0 none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
- color: #dedede;
- 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.857rem;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #dedede;
- margin-left: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .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: #dedede;
- }
- .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: #dedede;
- }
- .p-menubar .p-menuitem > .p-menuitem-content {
- color: #dedede;
- 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: #dedede;
- padding: 0.857rem;
- user-select: none;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #dedede;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
- color: #212529;
- background: #F48FB1;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .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: #212529;
- }
- .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #F48FB1;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #dedede;
- background: #3c3c3c;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-menubar .p-submenu-list {
- padding: 0;
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- width: 12.5rem;
- border-radius: 3px;
- }
- .p-menubar .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #4b4b4b;
- margin: 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: #dedede;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-menubar .p-menubar-button:hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-menubar .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0;
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- width: 100%;
- }
- .p-menubar .p-menubar-root-list .p-menuitem-separator {
- border-top: 1px solid #4b4b4b;
- margin: 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.571rem;
- }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 4.285rem;
- }
- .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.999rem;
- }
- .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: 7.713rem;
- }
- .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: 9.427rem;
- }
- .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 #191919;
- color: #dedede;
- background: #191919;
- 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: #dedede;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .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.1rem white;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: #191919;
- border-color: #191919;
- color: #F48FB1;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
- background: #F48FB1;
- border-color: #F48FB1;
- color: #212529;
- 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: #EC407A;
- background: #EC407A;
- color: #212529;
- }
- .p-panelmenu .p-panelmenu-content {
- padding: 0;
- border: 1px solid #191919;
- background: #323232;
- color: #dedede;
- 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: #dedede;
- 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: #dedede;
- padding: 0.857rem;
- user-select: none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #dedede;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
- color: #212529;
- background: #F48FB1;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .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: #212529;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #F48FB1;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #dedede;
- background: #3c3c3c;
- }
- .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: #dedede;
- }
- .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: #dedede;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .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 #4b4b4b;
- margin: 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: 2px;
- }
-
- .p-slidemenu {
- padding: 0;
- background: #252525;
- color: #dedede;
- border: 1px solid #191919;
- 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: #dedede;
- 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: #dedede;
- padding: 0.857rem;
- user-select: none;
- }
- .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem;
- }
- .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #dedede;
- }
- .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #212529;
- background: #F48FB1;
- }
- .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .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: #212529;
- }
- .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #F48FB1;
- }
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #dedede;
- background: #3c3c3c;
- }
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-slidemenu.p-slidemenu-overlay {
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-slidemenu .p-slidemenu-list {
- padding: 0;
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-slidemenu .p-menuitem-separator {
- border-top: 1px solid #4b4b4b;
- margin: 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.857rem;
- color: #dedede;
- }
- .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.1rem white;
- }
- .p-slidemenu .p-menuitem-badge {
- background: #F48FB1;
- color: #212529;
- 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: #191919;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #dedede;
- border: 1px solid #191919;
- background: #191919;
- 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: #888888;
- }
- .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.1rem white;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #F48FB1;
- color: #212529;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 700;
- color: #dedede;
- }
- .p-steps .p-steps-item:before {
- content: " ";
- border-top: 1px solid #4b4b4b;
- width: 100%;
- top: 50%;
- left: 0;
- display: block;
- position: absolute;
- margin-top: -1rem;
- }
-
- .p-tabmenu .p-tabmenu-nav {
- background: transparent;
- border: 0 none;
- border-width: 1px;
- }
- .p-tabmenu .p-tabmenu-nav .p-menuitem-badge {
- background: #F48FB1;
- color: #212529;
- 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: 2px;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: 1px solid #191919;
- border-width: 1px;
- border-color: #191919;
- background: #191919;
- color: #dedede;
- padding: 0.857rem 1rem;
- font-weight: 700;
- 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 -1px 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.1rem white;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #191919;
- border-color: #191919;
- color: #F48FB1;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #F48FB1;
- border-color: #F48FB1;
- color: #212529;
- }
- .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: #F48FB1;
- color: #212529;
- 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.1rem white;
- }
-
- .p-tieredmenu {
- padding: 0;
- background: #252525;
- color: #dedede;
- border: 1px solid #191919;
- border-radius: 3px;
- width: 12.5rem;
- }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
- .p-tieredmenu .p-submenu-list {
- padding: 0;
- background: #252525;
- border: 1px solid #191919;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: #dedede;
- 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: #dedede;
- padding: 0.857rem;
- user-select: none;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #dedede;
- margin-right: 0.5rem;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #dedede;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #212529;
- background: #F48FB1;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .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: #212529;
- }
- .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #F48FB1;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #dedede;
- background: #3c3c3c;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #dedede;
- background: #4c4c4c;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #dedede;
- }
- .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: #dedede;
- }
- .p-tieredmenu .p-menuitem-separator {
- border-top: 1px solid #4b4b4b;
- margin: 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;
- margin: 0;
- border-radius: 3px;
- }
- .p-inline-message.p-inline-message-info {
- background: #7fbcec;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #212121;
- }
- .p-inline-message.p-inline-message-success {
- background: #b7d8b7;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #212121;
- }
- .p-inline-message.p-inline-message-warn {
- background: #ffe399;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #212121;
- }
- .p-inline-message.p-inline-message-error {
- background: #f8b7bd;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #212121;
- }
- .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;
- }
- .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.1rem white;
- }
- .p-message.p-message-info {
- background: #7fbcec;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-message.p-message-info .p-message-icon {
- color: #212121;
- }
- .p-message.p-message-info .p-message-close {
- color: #212121;
- }
- .p-message.p-message-success {
- background: #b7d8b7;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-message.p-message-success .p-message-icon {
- color: #212121;
- }
- .p-message.p-message-success .p-message-close {
- color: #212121;
- }
- .p-message.p-message-warn {
- background: #ffe399;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-message.p-message-warn .p-message-icon {
- color: #212121;
- }
- .p-message.p-message-warn .p-message-close {
- color: #212121;
- }
- .p-message.p-message-error {
- background: #f8b7bd;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-message.p-message-error .p-message-icon {
- color: #212121;
- }
- .p-message.p-message-error .p-message-close {
- color: #212121;
- }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: normal;
- }
- .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 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 0.5rem;
- }
- .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.1rem white;
- }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #7fbcec;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .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: #212121;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #b7d8b7;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .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: #212121;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #ffe399;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .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: #212121;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #f8b7bd;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .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: #212121;
- }
-
- .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 0.5rem;
- }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-item-nav .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: #4b4b4b;
- 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: #4c4c4c;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #F48FB1;
- color: #212529;
- }
- .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: #F48FB1;
- color: #212529;
- }
- .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.1rem white;
- }
-
- .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: #4b4b4b;
- 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 #323232;
- }
-
- .p-badge {
- background: #F48FB1;
- color: #212529;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- }
- .p-badge.p-badge-success {
- background-color: #aed581;
- color: #212529;
- }
- .p-badge.p-badge-info {
- background-color: #4fc3f7;
- color: #212529;
- }
- .p-badge.p-badge-warning {
- background-color: #ffb74d;
- color: #212529;
- }
- .p-badge.p-badge-danger {
- background-color: #e57373;
- color: #212529;
- }
- .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: #4b4b4b;
- color: #dedede;
- border-radius: 16px;
- padding: 0 0.429rem;
- }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.2145rem;
- margin-bottom: 0.2145rem;
- }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem;
- }
- .p-chip .pi-chip-remove-icon {
- margin-left: 0.5rem;
- }
- .p-chip img {
- width: 1.929rem;
- height: 1.929rem;
- margin-left: -0.429rem;
- 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.1rem white;
- }
- .p-chip .pi-chip-remove-icon:focus {
- outline: 0 none;
- }
-
- .p-inplace .p-inplace-display {
- padding: 0.429rem 0.429rem;
- 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: #4c4c4c;
- color: #dedede;
- }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem white;
- }
-
- .p-metergroup {
- display: flex;
- }
-
- .p-metergroup-meters {
- display: flex;
- }
-
- .p-metergroup-vertical .p-metergroup-meters {
- flex-direction: column;
- }
-
- .p-metergroup-labels {
- display: flex;
- flex-wrap: wrap;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-metergroup-vertical .p-metergroup-labels {
- align-items: start;
- }
-
- .p-metergroup-labels-vertical {
- flex-direction: column;
- }
-
- .p-metergroup-label {
- display: inline-flex;
- align-items: center;
- }
-
- .p-metergroup-label-marker {
- display: inline-flex;
- }
-
- .p-metergroup {
- gap: 1rem;
- }
- .p-metergroup .p-metergroup-meters {
- background: #eaeaea;
- border-radius: 3px;
- }
- .p-metergroup .p-metergroup-meter {
- border: 0 none;
- background: #F48FB1;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
- background: #F48FB1;
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 100%;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
- gap: 1rem;
- }
- .p-metergroup.p-metergroup-horizontal {
- flex-direction: column;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
- height: 0.5rem;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-metergroup.p-metergroup-vertical {
- flex-direction: row;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
- width: 0.5rem;
- height: 100%;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
- border-top-left-radius: 3px;
- border-top-right-radius: 3px;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
- }
-
- .p-progressbar {
- border: 0 none;
- height: 24px;
- background: #eaeaea;
- border-radius: 3px;
- }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #F48FB1;
- }
- .p-progressbar .p-progressbar-label {
- color: #212529;
- line-height: 24px;
- }
-
- .p-scrolltop {
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-scrolltop.p-link {
- background: #F48FB1;
- }
- .p-scrolltop.p-link:hover {
- background: #F06292;
- }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #212529;
- }
- .p-scrolltop .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-skeleton {
- background-color: rgba(255, 255, 255, 0.06);
- border-radius: 3px;
- }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
- }
-
- .p-tag {
- background: #F48FB1;
- color: #212529;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 3px;
- }
- .p-tag.p-tag-success {
- background-color: #aed581;
- color: #212529;
- }
- .p-tag.p-tag-info {
- background-color: #4fc3f7;
- color: #212529;
- }
- .p-tag.p-tag-warning {
- background-color: #ffb74d;
- color: #212529;
- }
- .p-tag.p-tag-danger {
- background-color: #e57373;
- color: #212529;
- }
- .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: #323232;
- color: #dedede;
- border: 1px solid #191919;
- padding: 0.571rem 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 */
diff --git a/client/src/assets/components/themes/mira/fonts/Inter-Bold.woff b/client/src/assets/components/themes/mira/fonts/Inter-Bold.woff
deleted file mode 100644
index 110bb66c..00000000
Binary files a/client/src/assets/components/themes/mira/fonts/Inter-Bold.woff and /dev/null differ
diff --git a/client/src/assets/components/themes/mira/fonts/Inter-Bold.woff2 b/client/src/assets/components/themes/mira/fonts/Inter-Bold.woff2
deleted file mode 100644
index 2532ddd0..00000000
Binary files a/client/src/assets/components/themes/mira/fonts/Inter-Bold.woff2 and /dev/null differ
diff --git a/client/src/assets/components/themes/mira/fonts/Inter-Medium.woff b/client/src/assets/components/themes/mira/fonts/Inter-Medium.woff
deleted file mode 100644
index 11801846..00000000
Binary files a/client/src/assets/components/themes/mira/fonts/Inter-Medium.woff and /dev/null differ
diff --git a/client/src/assets/components/themes/mira/fonts/Inter-Medium.woff2 b/client/src/assets/components/themes/mira/fonts/Inter-Medium.woff2
deleted file mode 100644
index 12454556..00000000
Binary files a/client/src/assets/components/themes/mira/fonts/Inter-Medium.woff2 and /dev/null differ
diff --git a/client/src/assets/components/themes/mira/fonts/Inter-Regular.woff b/client/src/assets/components/themes/mira/fonts/Inter-Regular.woff
deleted file mode 100644
index 5785a99c..00000000
Binary files a/client/src/assets/components/themes/mira/fonts/Inter-Regular.woff and /dev/null differ
diff --git a/client/src/assets/components/themes/mira/fonts/Inter-Regular.woff2 b/client/src/assets/components/themes/mira/fonts/Inter-Regular.woff2
deleted file mode 100644
index 52c1e3b3..00000000
Binary files a/client/src/assets/components/themes/mira/fonts/Inter-Regular.woff2 and /dev/null differ
diff --git a/client/src/assets/components/themes/mira/fonts/Inter-SemiBold.woff b/client/src/assets/components/themes/mira/fonts/Inter-SemiBold.woff
deleted file mode 100644
index 6ddf47ec..00000000
Binary files a/client/src/assets/components/themes/mira/fonts/Inter-SemiBold.woff and /dev/null differ
diff --git a/client/src/assets/components/themes/mira/fonts/Inter-SemiBold.woff2 b/client/src/assets/components/themes/mira/fonts/Inter-SemiBold.woff2
deleted file mode 100644
index 3ba0884f..00000000
Binary files a/client/src/assets/components/themes/mira/fonts/Inter-SemiBold.woff2 and /dev/null differ
diff --git a/client/src/assets/components/themes/mira/theme.css b/client/src/assets/components/themes/mira/theme.css
deleted file mode 100644
index fc3403c9..00000000
--- a/client/src/assets/components/themes/mira/theme.css
+++ /dev/null
@@ -1,6629 +0,0 @@
-:root {
- font-family: "Inter", sans-serif;
- --font-family: "Inter", sans-serif;
- --surface-a: #ffffff;
- --surface-b: #eceff4;
- --surface-c: #d8dee9;
- --surface-d: #e5e9f0;
- --surface-e: #ffffff;
- --surface-f: #ffffff;
- --text-color: #4c566a;
- --text-color-secondary: #81a1c1;
- --primary-color: #5e81ac;
- --primary-color-text: #ffffff;
- --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: 1rem;
- --inline-spacing: 0.5rem;
- --border-radius: 4px;
- --surface-ground: #eceff4;
- --surface-section: #ffffff;
- --surface-card: #ffffff;
- --surface-overlay: #ffffff;
- --surface-border: #e5e9f0;
- --surface-hover: #d8dee9;
- --maskbg: rgba(112, 120, 136, 0.5);
- --highlight-bg: #d8dee9;
- --highlight-text-color: #2e3440;
- --focus-ring: 0 0 0 0.2rem #c0d0e0;
- color-scheme: light;
-}
-
-@font-face {
- font-family: "Inter";
- font-style: normal;
- font-weight: 400;
- src: local("Inter"), local("Inter-Regular"), url("./fonts/Inter-Regular.woff2") format("woff2"), 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"), 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"), 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"), url("./fonts/Inter-Bold.woff") format("woff");
- /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-}
-:root {
- --blue-50:#f7f9fb;
- --blue-100:#d8e1eb;
- --blue-200:#bac9db;
- --blue-300:#9bb1cc;
- --blue-400:#7d99bc;
- --blue-500:#5e81ac;
- --blue-600:#506e92;
- --blue-700:#425a78;
- --blue-800:#34475f;
- --blue-900:#263445;
- --green-50:#f9faf7;
- --green-100:#e0e9da;
- --green-200:#c8d7bd;
- --green-300:#b0c6a0;
- --green-400:#97b483;
- --green-500:#7fa366;
- --green-600:#6c8b57;
- --green-700:#597247;
- --green-800:#465a38;
- --green-900:#334129;
- --yellow-50:#fdfcf8;
- --yellow-100:#f6f1df;
- --yellow-200:#efe6c6;
- --yellow-300:#e8dbad;
- --yellow-400:#e1d093;
- --yellow-500:#dac57a;
- --yellow-600:#b9a768;
- --yellow-700:#998a55;
- --yellow-800:#786c43;
- --yellow-900:#574f31;
- --cyan-50:#f8fbfc;
- --cyan-100:#ddebf0;
- --cyan-200:#c2dbe5;
- --cyan-300:#a7cbd9;
- --cyan-400:#8cbbce;
- --cyan-500:#71abc2;
- --cyan-600:#6091a5;
- --cyan-700:#4f7888;
- --cyan-800:#3e5e6b;
- --cyan-900:#2d444e;
- --pink-50:#fcf7f9;
- --pink-100:#f0d9e2;
- --pink-200:#e3bbcb;
- --pink-300:#d79db3;
- --pink-400:#cb7f9c;
- --pink-500:#bf6185;
- --pink-600:#a25271;
- --pink-700:#86445d;
- --pink-800:#693549;
- --pink-900:#4c2735;
- --indigo-50:#f6f8fa;
- --indigo-100:#d5dbe9;
- --indigo-200:#b3bfd8;
- --indigo-300:#91a3c7;
- --indigo-400:#7086b5;
- --indigo-500:#4e6aa4;
- --indigo-600:#425a8b;
- --indigo-700:#374a73;
- --indigo-800:#2b3a5a;
- --indigo-900:#1f2a42;
- --teal-50:#f7fbf9;
- --teal-100:#d8ebe4;
- --teal-200:#badbcf;
- --teal-300:#9bccba;
- --teal-400:#7dbca5;
- --teal-500:#5eac90;
- --teal-600:#50927a;
- --teal-700:#427865;
- --teal-800:#345f4f;
- --teal-900:#26453a;
- --orange-50:#fdf9f8;
- --orange-100:#f4e2dd;
- --orange-200:#ebcbc2;
- --orange-300:#e2b5a6;
- --orange-400:#d99e8b;
- --orange-500:#d08770;
- --orange-600:#b1735f;
- --orange-700:#925f4e;
- --orange-800:#724a3e;
- --orange-900:#53362d;
- --bluegray-50:#f9f9fa;
- --bluegray-100:#e0e4e8;
- --bluegray-200:#c8ced6;
- --bluegray-300:#afb8c3;
- --bluegray-400:#97a3b1;
- --bluegray-500:#7e8d9f;
- --bluegray-600:#6b7887;
- --bluegray-700:#58636f;
- --bluegray-800:#454e57;
- --bluegray-900:#323840;
- --purple-50:#faf7fa;
- --purple-100:#e7dbe6;
- --purple-200:#d4bed2;
- --purple-300:#c0a1be;
- --purple-400:#ad84aa;
- --purple-500:#9a6796;
- --purple-600:#835880;
- --purple-700:#6c4869;
- --purple-800:#553953;
- --purple-900:#3e293c;
- --red-50:#fcf7f8;
- --red-100:#f0d9db;
- --red-200:#e3bbbf;
- --red-300:#d79da3;
- --red-400:#cb7f86;
- --red-500:#bf616a;
- --red-600:#a2525a;
- --red-700:#86444a;
- --red-800:#69353a;
- --red-900:#4c272a;
- --primary-50:#f7f9fb;
- --primary-100:#d8e1eb;
- --primary-200:#bac9db;
- --primary-300:#9bb1cc;
- --primary-400:#7d99bc;
- --primary-500:#5e81ac;
- --primary-600:#506e92;
- --primary-700:#425a78;
- --primary-800:#34475f;
- --primary-900:#263445;
-}
-
-.p-editor-container .p-editor-toolbar {
- background: #ffffff;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
-}
-.p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #e5e9f0;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #81a1c1;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #81a1c1;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #81a1c1;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #4c566a;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #4c566a;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #4c566a;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #4c566a;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #4c566a;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #4c566a;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 4px;
- padding: 0.5rem 0;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #4c566a;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #4c566a;
- background: transparent;
-}
-.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: 4px;
- border-bottom-left-radius: 4px;
-}
-.p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #e5e9f0;
-}
-.p-editor-container .p-editor-content .ql-editor {
- background: #ffffff;
- color: #4c566a;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover,
-.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: #4c566a;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #4c566a;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #4c566a;
-}
-.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: #5e81ac;
-}
-.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: #5e81ac;
-}
-.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: #5e81ac;
-}
-.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: #5e81ac;
-}
-
-@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(112, 120, 136, 0.5);
- transition-duration: 0.2s;
- }
-
- .p-disabled, .p-component:disabled {
- opacity: 0.6;
- }
-
- .p-error {
- color: #bf616a;
- }
-
- .p-text-secondary {
- color: #81a1c1;
- }
-
- .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: 4px;
- }
- .p-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c0d0e0;
- }
-
- .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: #81a1c1;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c0d0e0;
- border-color: #81a1c1;
- }
- .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: #4c566a;
- padding: 0;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.5rem;
- background: #e5e9f0;
- color: #4c566a;
- 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: #d8dee9;
- color: #4c566a;
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #bf616a;
- }
-
- .p-autocomplete-panel {
- background: #ffffff;
- color: #4c566a;
- 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);
- }
- .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: #4c566a;
- background: transparent;
- transition: none;
- border-radius: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #2e3440;
- background: #d8dee9;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: #bec8da;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #4c566a;
- background: #e5e9f0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
- color: #4c566a;
- background: transparent;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #4c566a;
- background: #ffffff;
- font-weight: 600;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message {
- padding: 0.5rem 1rem;
- color: #4c566a;
- background: transparent;
- }
-
- p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
- border-color: #bf616a;
- }
-
- p-autocomplete.p-autocomplete-clearable .p-inputtext {
- padding-right: 2rem;
- }
- p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon {
- color: #81a1c1;
- right: 0.5rem;
- }
-
- p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon {
- color: #81a1c1;
- right: 2.857rem;
- }
-
- p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
- border-color: #bf616a;
- }
-
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c0d0e0;
- border-color: #81a1c1;
- }
-
- .p-datepicker {
- padding: 0.5rem;
- background: #ffffff;
- color: #4c566a;
- border: 1px solid #d8dee9;
- border-radius: 4px;
- }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #ffffff;
- }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: #4c566a;
- background: #ffffff;
- font-weight: 600;
- margin: 0;
- border-bottom: 1px solid #e5e9f0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
-.p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2rem;
- height: 2rem;
- color: #81a1c1;
- border: 2px solid transparent;
- 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: #4c566a;
- border-color: #5e81ac;
- background: #ffffff;
- }
- .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 #c0d0e0;
- }
- .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: #4c566a;
- 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: #5e81ac;
- }
- .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: 4px;
- transition: none;
- border: 1px solid transparent;
- }
- .p-datepicker table td > span.p-highlight {
- color: #2e3440;
- background: #d8dee9;
- }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c0d0e0;
- }
- .p-datepicker table td.p-datepicker-today > span {
- background: #ebcb8b;
- color: #2e3440;
- border-color: transparent;
- }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #2e3440;
- background: #d8dee9;
- }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 1rem 0;
- border-top: 1px solid #e5e9f0;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto;
- }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #e5e9f0;
- padding: 0.5rem;
- }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: #81a1c1;
- border: 2px solid transparent;
- 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: #4c566a;
- border-color: #5e81ac;
- background: #ffffff;
- }
- .p-datepicker .p-timepicker button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c0d0e0;
- }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: 0.2em;
- }
- .p-datepicker .p-timepicker span {
- font-size: 1.25rem;
- }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem;
- }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none;
- }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: none;
- border-radius: 4px;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #2e3440;
- background: #d8dee9;
- }
- .p-datepicker .p-yearpicker {
- margin: 0.5rem 0;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year {
- padding: 0.5rem;
- transition: none;
- border-radius: 4px;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
- color: #2e3440;
- background: #d8dee9;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-left: 1px solid #e5e9f0;
- 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: #d8dee9;
- }
- .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 #c0d0e0;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
- background: #d8dee9;
- }
- .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 #c0d0e0;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
- background: #d8dee9;
- }
- .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 #c0d0e0;
- }
-
- p-calendar.p-calendar-clearable .p-inputtext {
- padding-right: 2rem;
- }
- p-calendar.p-calendar-clearable .p-calendar-clear-icon {
- color: #81a1c1;
- right: 0.5rem;
- }
-
- p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon {
- color: #81a1c1;
- 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 #d8dee9;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 4px;
- }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #81a1c1;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c0d0e0;
- border-color: #81a1c1;
- }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.5rem;
- }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #4c566a;
- }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #81a1c1;
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #bf616a;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #eceff4;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #eceff4;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
-
- .p-cascadeselect-panel {
- background: #ffffff;
- color: #4c566a;
- 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);
- }
- .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: #4c566a;
- background: transparent;
- transition: none;
- border-radius: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #2e3440;
- background: #d8dee9;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: #bec8da;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #4c566a;
- background: #e5e9f0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #4c566a;
- background: transparent;
- }
- .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: #eceff4;
- }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: #eceff4;
- }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
-
- p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect {
- border-color: #bf616a;
- }
-
- p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label {
- padding-right: 0.5rem;
- }
- p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon {
- color: #81a1c1;
- 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 #d8dee9;
- background: #ffffff;
- width: 20px;
- height: 20px;
- color: #4c566a;
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #ffffff;
- font-size: 14px;
- }
- .p-checkbox .p-checkbox-box .p-icon {
- width: 14px;
- height: 14px;
- }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #5e81ac;
- background: #5e81ac;
- }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: #81a1c1;
- }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c0d0e0;
- border-color: #81a1c1;
- }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #48678c;
- background: #81a1c1;
- color: #ffffff;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #eceff4;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
- background: #5e81ac;
- }
- .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #eceff4;
- }
- .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #81a1c1;
- }
-
- p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
- border-color: #bf616a;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #eceff4;
- }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #5e81ac;
- }
- .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #eceff4;
- }
- .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #81a1c1;
- }
-
- .p-checkbox-label {
- margin-left: 0.5rem;
- }
-
- p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
- border-color: #bf616a;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #81a1c1;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c0d0e0;
- border-color: #81a1c1;
- }
- .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: #e5e9f0;
- color: #4c566a;
- border-radius: 16px;
- }
- .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
- background: #d8dee9;
- color: #4c566a;
- }
- .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: #4c566a;
- padding: 0;
- margin: 0;
- }
-
- p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
- border-color: #bf616a;
- }
-
- p-chips.p-chips-clearable .p-inputtext {
- padding-right: 1.5rem;
- }
- p-chips.p-chips-clearable .p-chips-clear-icon {
- color: #81a1c1;
- 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 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-dropdown {
- background: #ffffff;
- border: 1px solid #d8dee9;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 4px;
- }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #81a1c1;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c0d0e0;
- border-color: #81a1c1;
- }
- .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: #4c566a;
- }
- .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: #81a1c1;
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: #81a1c1;
- right: 2.357rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #bf616a;
- }
- .p-dropdown.p-variant-filled {
- background-color: #eceff4;
- }
- .p-dropdown.p-variant-filled:enabled:hover {
- background-color: #eceff4;
- }
- .p-dropdown.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
-
- .p-dropdown-panel {
- background: #ffffff;
- color: #4c566a;
- 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);
- }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: #4c566a;
- background: #eceff4;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .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: #81a1c1;
- }
- .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: #4c566a;
- background: transparent;
- transition: none;
- border-radius: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #2e3440;
- background: #d8dee9;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: #bec8da;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #4c566a;
- background: #e5e9f0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- color: #4c566a;
- background: transparent;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #4c566a;
- background: #ffffff;
- font-weight: 600;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.5rem 1rem;
- color: #4c566a;
- background: transparent;
- }
-
- .p-input-filled .p-dropdown {
- background: #eceff4;
- }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: #eceff4;
- }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
- .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: #bf616a;
- }
-
- .p-icon-field .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-inputgroup-addon {
- background: #ffffff;
- color: #81a1c1;
- border-top: 1px solid #d8dee9;
- border-left: 1px solid #d8dee9;
- border-bottom: 1px solid #d8dee9;
- padding: 0.5rem 0.5rem;
- min-width: 2.357rem;
- }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #d8dee9;
- }
-
- .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: 4px;
- border-bottom-left-radius: 4px;
- }
-
- .p-inputgroup .p-float-label:first-child input {
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px;
- }
-
- .p-inputgroup-addon:last-child,
-.p-inputgroup button:last-child,
-.p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child > .p-component,
-.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px;
- }
-
- .p-inputgroup .p-float-label:last-child input {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px;
- }
-
- .p-fluid .p-inputgroup .p-button {
- width: auto;
- }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.357rem;
- }
-
- .p-icon-field-left .p-input-icon:first-of-type {
- left: 0.5rem;
- color: #81a1c1;
- }
-
- .p-icon-field-right .p-input-icon:last-of-type {
- right: 0.5rem;
- color: #81a1c1;
- }
-
- p-inputmask.ng-dirty.ng-invalid > .p-inputtext {
- border-color: #bf616a;
- }
-
- p-inputmask.p-inputmask-clearable .p-inputtext {
- padding-right: 2rem;
- }
- p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon {
- color: #81a1c1;
- right: 0.5rem;
- }
-
- .p-inputmask.p-variant-filled {
- background-color: #eceff4;
- }
- .p-inputmask.p-variant-filled:enabled:hover {
- background-color: #eceff4;
- }
- .p-inputmask.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
-
- p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
- border-color: #bf616a;
- }
-
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-input {
- padding-right: 2rem;
- }
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon {
- color: #81a1c1;
- 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-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #eceff4;
- }
- p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #eceff4;
- }
- p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #ffffff;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 2rem;
- }
-
- .p-inputswitch {
- width: 3rem;
- height: 1.75rem;
- }
- .p-inputswitch .p-inputswitch-slider {
- background: #d8dee9;
- 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: #5e81ac;
- 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 #c0d0e0;
- }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: #eceff4;
- }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: #5e81ac;
- }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: #ffffff;
- }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: #81a1c1;
- }
-
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
- border-color: #bf616a;
- }
-
- .p-inputtext {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #4c566a;
- background: #ffffff;
- padding: 0.5rem 0.5rem;
- border: 1px solid #d8dee9;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- appearance: none;
- border-radius: 4px;
- }
- .p-inputtext:enabled:hover {
- border-color: #81a1c1;
- }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c0d0e0;
- border-color: #81a1c1;
- }
- .p-inputtext.ng-dirty.ng-invalid {
- border-color: #bf616a;
- }
- .p-inputtext.p-variant-filled {
- background-color: #eceff4;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #eceff4;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
- .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: #4c566a;
- transition-duration: 0.2s;
- }
-
- .p-float-label > .ng-invalid.ng-dirty + label {
- color: #bf616a;
- }
-
- .p-input-icon-left > .p-icon-wrapper.p-icon,
-.p-input-icon-left > i:first-of-type {
- left: 0.5rem;
- color: #81a1c1;
- }
-
- .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: #81a1c1;
- }
-
- .p-input-icon-right > .p-inputtext {
- padding-right: 2rem;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 2rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 2rem;
- }
-
- .p-icon-field-right > .p-inputtext {
- padding-right: 2rem;
- }
-
- ::-webkit-input-placeholder {
- color: #4c566a;
- }
-
- :-moz-placeholder {
- color: #4c566a;
- }
-
- ::-moz-placeholder {
- color: #4c566a;
- }
-
- :-ms-input-placeholder {
- color: #4c566a;
- }
-
- .p-input-filled .p-inputtext {
- background-color: #eceff4;
- }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #eceff4;
- }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #ffffff;
- }
-
- .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: #4c566a;
- border: 1px solid #d8dee9;
- border-radius: 4px;
- 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: #4c566a;
- background: #eceff4;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .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: #81a1c1;
- }
- .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: #4c566a;
- transition: none;
- border-radius: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #2e3440;
- background: #d8dee9;
- }
- .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: #4c566a;
- background: #ffffff;
- font-weight: 600;
- }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.5rem 1rem;
- color: #4c566a;
- background: transparent;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
- background: #bec8da;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #4c566a;
- background: transparent;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #4c566a;
- background: transparent;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: #4c566a;
- background: transparent;
- }
- .p-listbox.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c0d0e0;
- border-color: #81a1c1;
- }
-
- p-listbox.ng-dirty.ng-invalid > .p-listbox {
- border-color: #bf616a;
- }
-
- .p-multiselect {
- background: #ffffff;
- border: 1px solid #d8dee9;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 4px;
- }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #81a1c1;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c0d0e0;
- border-color: #81a1c1;
- }
- .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: #4c566a;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #e5e9f0;
- color: #4c566a;
- 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: #81a1c1;
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px;
- }
- .p-multiselect.p-variant-filled {
- background: #eceff4;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #eceff4;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
-
- .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: #81a1c1;
- right: 2.357rem;
- }
-
- .p-multiselect-panel {
- background: #ffffff;
- color: #4c566a;
- 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);
- }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: #4c566a;
- background: #eceff4;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.5rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.5rem;
- color: #81a1c1;
- }
- .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: #81a1c1;
- border: 2px solid transparent;
- 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: #4c566a;
- border-color: #5e81ac;
- background: #ffffff;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c0d0e0;
- }
- .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: #4c566a;
- background: transparent;
- transition: none;
- border-radius: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #2e3440;
- background: #d8dee9;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: #bec8da;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #4c566a;
- background: transparent;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #4c566a;
- background: transparent;
- }
- .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: #4c566a;
- background: #ffffff;
- font-weight: 600;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.5rem 1rem;
- color: #4c566a;
- background: transparent;
- }
-
- .p-input-filled .p-multiselect {
- background: #eceff4;
- }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: #eceff4;
- }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
-
- p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
- border-color: #bf616a;
- }
-
- p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext {
- border-color: #bf616a;
- }
-
- .p-password-panel {
- padding: 1rem;
- background: #ffffff;
- color: #4c566a;
- 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;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #e5e9f0;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #bf616a;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #d08770;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #7fa366;
- }
-
- p-password.p-password-clearable .p-password-input {
- padding-right: 2rem;
- }
- p-password.p-password-clearable .p-password-clear-icon {
- color: #81a1c1;
- 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: #81a1c1;
- right: 2rem;
- }
-
- .p-radiobutton {
- width: 20px;
- height: 20px;
- }
- .p-radiobutton .p-radiobutton-box {
- border: 2px solid #d8dee9;
- background: #ffffff;
- width: 20px;
- height: 20px;
- color: #4c566a;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: #81a1c1;
- }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c0d0e0;
- border-color: #81a1c1;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 10px;
- height: 10px;
- transition-duration: 0.2s;
- background-color: #ffffff;
- }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #5e81ac;
- background: #5e81ac;
- }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #5e81ac;
- background: #81a1c1;
- color: #ffffff;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #eceff4;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #eceff4;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight {
- background: #5e81ac;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #81a1c1;
- }
-
- p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
- border-color: #bf616a;
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #eceff4;
- }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #eceff4;
- }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
- background: #5e81ac;
- }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #81a1c1;
- }
-
- .p-radiobutton-label {
- margin-left: 0.5rem;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- border-radius: 50%;
- outline-color: transparent;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- }
- .p-rating .p-rating-item .p-rating-icon {
- color: #4c566a;
- 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: #bf616a;
- }
- .p-rating .p-rating-item.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c0d0e0;
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #5e81ac;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #5e81ac;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #d88889;
- }
-
- .p-selectbutton .p-button {
- background: #ffffff;
- border: 2px solid #d8dee9;
- color: #4c566a;
- 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: #81a1c1;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #eceff4;
- border-color: #81a1c1;
- color: #4c566a;
- }
- .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: #81a1c1;
- }
- .p-selectbutton .p-button.p-highlight {
- background: #5e81ac;
- border-color: #5e81ac;
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #81a1c1;
- border-color: #5e81ac;
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff;
- }
-
- p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
- border-color: #bf616a;
- }
-
- .p-slider {
- background: #e5e9f0;
- border: 0 none;
- border-radius: 4px;
- }
- .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 {
- height: 100%;
- width: 0.286rem;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem;
- }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #ffffff;
- border: 2px solid #5e81ac;
- 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 #c0d0e0;
- }
- .p-slider .p-slider-range {
- background: #5e81ac;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #5e81ac;
- border-color: #5e81ac;
- }
- .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: 2px solid #d8dee9;
- color: #4c566a;
- 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: #81a1c1;
- }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #eceff4;
- border-color: #81a1c1;
- color: #4c566a;
- }
- .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: #81a1c1;
- }
- .p-togglebutton.p-button.p-highlight {
- background: #5e81ac;
- border-color: #5e81ac;
- color: #ffffff;
- }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #81a1c1;
- border-color: #5e81ac;
- color: #ffffff;
- }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff;
- }
-
- p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
- border-color: #bf616a;
- }
-
- .p-treeselect {
- background: #ffffff;
- border: 1px solid #d8dee9;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 4px;
- }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #81a1c1;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c0d0e0;
- border-color: #81a1c1;
- }
- .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: #4c566a;
- }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #e5e9f0;
- color: #4c566a;
- border-radius: 16px;
- }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #81a1c1;
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px;
- }
- .p-treeselect.p-variant-filled {
- background-color: #eceff4;
- }
- .p-treeselect.p-variant-filled:enabled:hover {
- background-color: #eceff4;
- }
- .p-treeselect.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
-
- p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
- border-color: #bf616a;
- }
-
- .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.5rem;
- }
-
- .p-treeselect-panel {
- background: #ffffff;
- color: #4c566a;
- 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);
- }
- .p-treeselect-panel .p-treeselect-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: #4c566a;
- background: #eceff4;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .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: #81a1c1;
- }
- .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: #81a1c1;
- border: 2px solid transparent;
- 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: #4c566a;
- border-color: #5e81ac;
- background: #ffffff;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c0d0e0;
- }
- .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: #4c566a;
- background: transparent;
- }
-
- .p-input-filled .p-treeselect {
- background: #eceff4;
- }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #eceff4;
- }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
-
- p-treeselect.p-treeselect-clearable .p-treeselect-label-container {
- padding-right: 1.5rem;
- }
- p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
- color: #81a1c1;
- right: 2.357rem;
- }
-
- .p-button {
- color: #ffffff;
- background: #5e81ac;
- border: 2px solid #5e81ac;
- 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: 4px;
- outline-color: transparent;
- }
- .p-button:not(:disabled):hover {
- background: #81a1c1;
- color: #ffffff;
- border-color: #51749e;
- }
- .p-button:not(:disabled):active {
- background: #48678c;
- color: #ffffff;
- border-color: #48678c;
- }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #5e81ac;
- border: 2px solid;
- }
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(94, 129, 172, 0.12);
- color: #5e81ac;
- border: 2px solid;
- }
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(94, 129, 172, 0.24);
- color: #5e81ac;
- border: 2px solid;
- }
- .p-button.p-button-outlined.p-button-plain {
- color: #81a1c1;
- border-color: #81a1c1;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
- background: #ffffff;
- color: #81a1c1;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
- background: #e5e9f0;
- color: #81a1c1;
- }
- .p-button.p-button-text {
- background-color: transparent;
- color: #5e81ac;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(94, 129, 172, 0.12);
- color: #5e81ac;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(94, 129, 172, 0.24);
- color: #5e81ac;
- border-color: transparent;
- }
- .p-button.p-button-text.p-button-plain {
- color: #81a1c1;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):hover {
- background: #ffffff;
- color: #81a1c1;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):active {
- background: #e5e9f0;
- color: #81a1c1;
- }
- .p-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c0d0e0;
- }
- .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: #5e81ac;
- background-color: #ffffff;
- }
- .p-button.p-button-raised {
- box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.2), 0 12px 10px 0 rgba(0, 0, 0, 0.06);
- }
- .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-button-group {
- display: flex;
- }
- .p-fluid .p-button-group .p-button {
- flex: 1;
- }
-
- .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
- color: #ffffff;
- background: #4c566a;
- border: 2px solid #4c566a;
- }
- .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
- background: #707888;
- color: #ffffff;
- border-color: #4c566a;
- }
- .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.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 #b3bac8;
- }
- .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
- background: #2e3440;
- color: #ffffff;
- border-color: #2e3440;
- }
- .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #4c566a;
- border: 2px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.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(76, 86, 106, 0.12);
- color: #4c566a;
- border: 2px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.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(76, 86, 106, 0.24);
- color: #4c566a;
- border: 2px solid;
- }
- .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #4c566a;
- border-color: transparent;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.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(76, 86, 106, 0.12);
- border-color: transparent;
- color: #4c566a;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.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(76, 86, 106, 0.24);
- border-color: transparent;
- color: #4c566a;
- }
-
- .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
- color: #ffffff;
- background: #639bb2;
- border: 2px solid #639bb2;
- }
- .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
- background: #88c0d0;
- color: #ffffff;
- border-color: #639bb2;
- }
- .p-button.p-button-info:not(:disabled):focus, .p-button-group.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 #c1d7e0;
- }
- .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
- background: #497e94;
- color: #ffffff;
- border-color: #497e94;
- }
- .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #639bb2;
- border: 2px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.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(99, 155, 178, 0.12);
- color: #639bb2;
- border: 2px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.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(99, 155, 178, 0.24);
- color: #639bb2;
- border: 2px solid;
- }
- .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #639bb2;
- border-color: transparent;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.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(99, 155, 178, 0.12);
- border-color: transparent;
- color: #639bb2;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.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(99, 155, 178, 0.24);
- border-color: transparent;
- color: #639bb2;
- }
-
- .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
- color: #ffffff;
- background: #7fa366;
- border: 2px solid #7fa366;
- }
- .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
- background: #a3be8c;
- color: #ffffff;
- border-color: #7fa366;
- }
- .p-button.p-button-success:not(:disabled):focus, .p-button-group.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 #ccdac2;
- }
- .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
- background: #658450;
- color: #ffffff;
- border-color: #658450;
- }
- .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #7fa366;
- border: 2px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.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(127, 163, 102, 0.12);
- color: #7fa366;
- border: 2px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.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(127, 163, 102, 0.24);
- color: #7fa366;
- border: 2px solid;
- }
- .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #7fa366;
- border-color: transparent;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.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(127, 163, 102, 0.12);
- border-color: transparent;
- color: #7fa366;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.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(127, 163, 102, 0.24);
- border-color: transparent;
- color: #7fa366;
- }
-
- .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
- color: #ffffff;
- background: #d08770;
- border: 2px solid #d08770;
- }
- .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
- background: #e2ac94;
- color: #ffffff;
- border-color: #d08770;
- }
- .p-button.p-button-warning:not(:disabled):focus, .p-button-group.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 #eccfc6;
- }
- .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
- background: #c05f40;
- color: #ffffff;
- border-color: #c05f40;
- }
- .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #d08770;
- border: 2px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.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(208, 135, 112, 0.12);
- color: #d08770;
- border: 2px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.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(208, 135, 112, 0.24);
- color: #d08770;
- border: 2px solid;
- }
- .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #d08770;
- border-color: transparent;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.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(208, 135, 112, 0.12);
- border-color: transparent;
- color: #d08770;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.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(208, 135, 112, 0.24);
- border-color: transparent;
- color: #d08770;
- }
-
- .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
- color: #ffffff;
- background: #9a6796;
- border: 2px solid #9a6796;
- }
- .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
- background: #b48ead;
- color: #ffffff;
- border-color: #9a6796;
- }
- .p-button.p-button-help:not(:disabled):focus, .p-button-group.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 #d7c2d5;
- }
- .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
- background: #7c5278;
- color: #ffffff;
- border-color: #7c5278;
- }
- .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #9a6796;
- border: 2px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.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(154, 103, 150, 0.12);
- color: #9a6796;
- border: 2px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.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(154, 103, 150, 0.24);
- color: #9a6796;
- border: 2px solid;
- }
- .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #9a6796;
- border-color: transparent;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.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(154, 103, 150, 0.12);
- border-color: transparent;
- color: #9a6796;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.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(154, 103, 150, 0.24);
- border-color: transparent;
- color: #9a6796;
- }
-
- .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
- color: #ffffff;
- background: #bf616a;
- border: 2px solid #bf616a;
- }
- .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
- background: #d88889;
- color: #ffffff;
- border-color: #bf616a;
- }
- .p-button.p-button-danger:not(:disabled):focus, .p-button-group.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 #e5c0c3;
- }
- .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
- background: #a4424c;
- color: #ffffff;
- border-color: #a4424c;
- }
- .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #bf616a;
- border: 2px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.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(191, 97, 106, 0.12);
- color: #bf616a;
- border: 2px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.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(191, 97, 106, 0.24);
- color: #bf616a;
- border: 2px solid;
- }
- .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #bf616a;
- border-color: transparent;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.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(191, 97, 106, 0.12);
- border-color: transparent;
- color: #bf616a;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.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(191, 97, 106, 0.24);
- border-color: transparent;
- color: #bf616a;
- }
-
- .p-button.p-button-link {
- color: #48678c;
- background: transparent;
- border: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #48678c;
- 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 #c0d0e0;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #48678c;
- border-color: transparent;
- }
-
- .p-speeddial-button.p-button.p-button-icon-only {
- width: 4rem;
- height: 4rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 2rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-icon {
- width: 2rem;
- height: 2rem;
- }
-
- .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 #c0d0e0;
- }
-
- .p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: #4c566a;
- color: #fff;
- }
- .p-speeddial-action:hover {
- background: #3b4252;
- 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(112, 120, 136, 0.5);
- }
-
- .p-splitbutton {
- border-radius: 4px;
- }
- .p-splitbutton.p-button-rounded {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-rounded > .p-button {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-raised {
- box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.2), 0 12px 10px 0 rgba(0, 0, 0, 0.06);
- }
-
- .p-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
- width: 2rem;
- height: 2rem;
- color: #81a1c1;
- border: 2px solid transparent;
- 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: #4c566a;
- border-color: #5e81ac;
- background: #ffffff;
- }
- .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 #c0d0e0;
- }
- .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: #e5e9f0;
- 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: #81a1c1;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: #d8dee9;
- color: #2e3440;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-datatable-header {
- background: #ffffff;
- color: #4c566a;
- border: 1px solid #ffffff;
- border-width: 1px 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-footer {
- background: #eceff4;
- color: #4c566a;
- border: 1px solid #ffffff;
- 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 #ffffff;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #4c566a;
- background: #eceff4;
- transition: none;
- }
- .p-datatable .p-datatable-tfoot > tr > td {
- text-align: left;
- padding: 1rem 1rem;
- border: 1px solid #ffffff;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #4c566a;
- background: #eceff4;
- }
- .p-datatable .p-sortable-column .p-sortable-column-icon {
- color: #81a1c1;
- 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: #2e3440;
- background: #d8dee9;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover {
- background: #ffffff;
- color: #4c566a;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #81a1c1;
- }
- .p-datatable .p-sortable-column.p-highlight {
- background: #eceff4;
- color: #4c566a;
- }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #4c566a;
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: #ffffff;
- color: #4c566a;
- }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #4c566a;
- }
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: inset 0 0 0 0.15rem #c0d0e0;
- outline: 0 none;
- }
- .p-datatable .p-datatable-tbody > tr {
- background: #ffffff;
- color: #4c566a;
- transition: none;
- }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #eceff4;
- 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: #81a1c1;
- border: 2px solid transparent;
- 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: #4c566a;
- border-color: #5e81ac;
- background: #ffffff;
- }
- .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 #c0d0e0;
- }
- .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 #c0d0e0;
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #d8dee9;
- color: #2e3440;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #d8dee9;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #d8dee9;
- }
- .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
- background: #ffffff;
- color: #4c566a;
- }
- .p-datatable .p-column-resizer-helper {
- background: #5e81ac;
- }
- .p-datatable .p-datatable-scrollable-header,
-.p-datatable .p-datatable-scrollable-footer {
- background: #ffffff;
- }
- .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: #eceff4;
- }
- .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: #f6f7fa;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: #d8dee9;
- color: #2e3440;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: #2e3440;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: #2e3440;
- }
- .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: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-dataview-header {
- background: #ffffff;
- color: #4c566a;
- border: 1px solid #ffffff;
- border-width: 1px 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- }
- .p-dataview .p-dataview-content {
- background: #ffffff;
- color: #4c566a;
- border: 0 none;
- padding: 0;
- }
- .p-dataview .p-dataview-footer {
- background: #eceff4;
- color: #4c566a;
- border: 1px solid #ffffff;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px;
- }
- .p-dataview .p-dataview-loading-icon {
- font-size: 2rem;
- }
- .p-dataview .p-dataview-emptymessage {
- padding: 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: #81a1c1;
- border: 2px solid transparent;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-column-filter-menu-button:hover {
- color: #4c566a;
- border-color: #5e81ac;
- background: #ffffff;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: #ffffff;
- color: #4c566a;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: #d8dee9;
- color: #2e3440;
- }
- .p-column-filter-menu-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c0d0e0;
- }
-
- .p-column-filter-clear-button {
- width: 2rem;
- height: 2rem;
- color: #81a1c1;
- border: 2px solid transparent;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-column-filter-clear-button:hover {
- color: #4c566a;
- border-color: #5e81ac;
- background: #ffffff;
- }
- .p-column-filter-clear-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c0d0e0;
- }
-
- .p-column-filter-overlay {
- background: #ffffff;
- color: #4c566a;
- 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);
- 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: #4c566a;
- background: transparent;
- transition: none;
- border-radius: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
- margin-top: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #2e3440;
- background: #d8dee9;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #4c566a;
- background: transparent;
- }
- .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 #c0d0e0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #e5e9f0;
- margin: 0.25rem 0;
- }
-
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: #4c566a;
- background: #eceff4;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 1rem;
- border-bottom: 1px solid #e5e9f0;
- }
- .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 #e5e9f0;
- border-radius: 4px;
- 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 #c0d0e0;
- border-color: #81a1c1;
- }
- .p-orderlist .p-orderlist-header {
- color: #4c566a;
- 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 #e5e9f0;
- 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: #81a1c1;
- }
- .p-orderlist .p-orderlist-list {
- color: #4c566a;
- padding: 0.5rem 0;
- outline: 0 none;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border-top: 1px solid #e5e9f0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.5rem 1rem;
- margin: 0;
- border: 0 none;
- color: #4c566a;
- background: transparent;
- transition: none;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
- margin-top: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: transparent;
- color: #4c566a;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
- color: #4c566a;
- background: #e5e9f0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #2e3440;
- background: #d8dee9;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: #bec8da;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-empty-message {
- padding: 0.5rem 1rem;
- color: #4c566a;
- }
- .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover {
- background: transparent;
- color: #4c566a;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
- background: #f6f7fa;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
- background: transparent;
- }
-
- .p-orderlist-item.cdk-drag-preview {
- padding: 0.5rem 1rem;
- 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: 0 none;
- color: #4c566a;
- background: #ffffff;
- margin: 0;
- }
-
- .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
- background: transparent;
- color: #4c566a;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight {
- background: #d8dee9;
- color: #2e3440;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #8699bb;
- }
- .p-organizationchart .p-organizationchart-line-down {
- background: #e5e9f0;
- }
- .p-organizationchart .p-organizationchart-line-left {
- border-right: 1px solid #e5e9f0;
- border-color: #e5e9f0;
- }
- .p-organizationchart .p-organizationchart-line-top {
- border-top: 1px solid #e5e9f0;
- border-color: #e5e9f0;
- }
- .p-organizationchart .p-organizationchart-node-content {
- border: 1px solid #e5e9f0;
- background: #ffffff;
- color: #4c566a;
- 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 #c0d0e0;
- }
-
- .p-paginator {
- background: #ffffff;
- color: #4c566a;
- border: solid #ffffff;
- border-width: 0;
- padding: 0.5rem 1rem;
- border-radius: 4px;
- }
- .p-paginator .p-paginator-first,
-.p-paginator .p-paginator-prev,
-.p-paginator .p-paginator-next,
-.p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: #4c566a;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0.143rem;
- transition: none;
- border-radius: 4px;
- }
- .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: #eceff4;
- border-color: #5e81ac;
- color: #4c566a;
- }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px;
- }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- height: 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: #4c566a;
- 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: #4c566a;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0.143rem;
- transition: none;
- border-radius: 4px;
- }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #d8dee9;
- border-color: #d8dee9;
- color: #2e3440;
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: #eceff4;
- border-color: #5e81ac;
- color: #4c566a;
- }
-
- .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 #e5e9f0;
- border-radius: 4px;
- 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 #c0d0e0;
- border-color: #81a1c1;
- }
- .p-picklist .p-picklist-header {
- color: #4c566a;
- 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 #e5e9f0;
- 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: #81a1c1;
- }
- .p-picklist .p-picklist-list {
- color: #4c566a;
- padding: 0.5rem 0;
- outline: 0 none;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border-top: 1px solid #e5e9f0;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.5rem 1rem;
- margin: 0;
- border: 0 none;
- color: #4c566a;
- background: transparent;
- transition: none;
- }
- .p-picklist .p-picklist-list .p-picklist-item:first-child {
- margin-top: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: transparent;
- color: #4c566a;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-focus {
- color: #4c566a;
- background: #e5e9f0;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #2e3440;
- background: #d8dee9;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: #bec8da;
- }
- .p-picklist .p-picklist-list .p-picklist-empty-message {
- padding: 0.5rem 1rem;
- color: #4c566a;
- }
- .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover {
- background: transparent;
- color: #4c566a;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
- background: #f6f7fa;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
- background: transparent;
- }
-
- .p-picklist-item.cdk-drag-preview {
- padding: 0.5rem 1rem;
- 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: 0 none;
- color: #4c566a;
- background: #ffffff;
- margin: 0;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 0 none;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #5e81ac;
- }
- .p-timeline .p-timeline-event-connector {
- background-color: #e5e9f0;
- }
- .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 #e5e9f0;
- background: #ffffff;
- color: #4c566a;
- padding: 1rem;
- border-radius: 4px;
- }
- .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 #c0d0e0;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 4px;
- transition: none;
- padding: 0;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #81a1c1;
- border: 2px solid transparent;
- 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: #4c566a;
- border-color: #5e81ac;
- background: #ffffff;
- }
- .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 #c0d0e0;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #81a1c1;
- }
- .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: #4c566a;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #eceff4;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
- background: #5e81ac;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
- background-color: #eceff4;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
- background: #81a1c1;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #d8dee9;
- color: #2e3440;
- }
- .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: #2e3440;
- }
- .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: #2e3440;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: transparent;
- color: #4c566a;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
- background: transparent;
- color: #4c566a;
- }
- .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: #81a1c1;
- }
- .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: #9fadc9;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content {
- border-radius: 4px;
- border: 1px solid #e5e9f0;
- background-color: #ffffff;
- color: #4c566a;
- padding: 0;
- transition: none;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight {
- background-color: #d8dee9;
- color: #2e3440;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #2e3440;
- }
- .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: #81a1c1;
- 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: transparent;
- color: #4c566a;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c0d0e0;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-treetable-header {
- background: #ffffff;
- color: #4c566a;
- border: 1px solid #ffffff;
- border-width: 1px 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-footer {
- background: #eceff4;
- color: #4c566a;
- border: 1px solid #ffffff;
- 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 #ffffff;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #4c566a;
- background: #eceff4;
- transition: none;
- }
- .p-treetable .p-treetable-tfoot > tr > td {
- text-align: left;
- padding: 1rem 1rem;
- border: 1px solid #ffffff;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #4c566a;
- background: #eceff4;
- }
- .p-treetable .p-sortable-column {
- outline-color: #c0d0e0;
- }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #81a1c1;
- 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: #2e3440;
- background: #d8dee9;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: #ffffff;
- color: #4c566a;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #81a1c1;
- }
- .p-treetable .p-sortable-column.p-highlight {
- background: #eceff4;
- color: #4c566a;
- }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #4c566a;
- }
- .p-treetable .p-treetable-tbody > tr {
- background: #ffffff;
- color: #4c566a;
- transition: none;
- }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #eceff4;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: #81a1c1;
- border: 2px solid transparent;
- 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: #4c566a;
- border-color: #5e81ac;
- background: #ffffff;
- }
- .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 #c0d0e0;
- }
- .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: #4c566a;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #eceff4;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
- background: #5e81ac;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
- background-color: #eceff4;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
- background: #81a1c1;
- }
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid #c0d0e0;
- outline-offset: -0.15rem;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #d8dee9;
- color: #2e3440;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #2e3440;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #2e3440;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
- background: #ffffff;
- color: #4c566a;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #4c566a;
- }
- .p-treetable .p-column-resizer-helper {
- background: #5e81ac;
- }
- .p-treetable .p-treetable-scrollable-header,
-.p-treetable .p-treetable-scrollable-footer {
- background: #ffffff;
- }
- .p-treetable .p-treetable-loading-icon {
- font-size: 2rem;
- }
- .p-treetable .p-treetable-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: #ffffff;
- color: #4c566a;
- border: 1px solid #ffffff;
- border-width: 1px 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- }
- .p-virtualscroller .p-virtualscroller-content {
- background: #ffffff;
- color: #4c566a;
- border: 0 none;
- padding: 0;
- }
- .p-virtualscroller .p-virtualscroller-footer {
- background: #eceff4;
- color: #4c566a;
- border: 1px solid #ffffff;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px;
- }
-
- .p-accordion .p-accordion-header .p-accordion-header-link {
- padding: 1rem;
- border: 1px solid #e5e9f0;
- color: #4c566a;
- background: #ffffff;
- font-weight: 600;
- border-radius: 4px;
- transition: none;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem;
- }
- .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #c0d0e0;
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: #ffffff;
- border-color: #e5e9f0;
- color: #4c566a;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
- background: #ffffff;
- border-color: #e5e9f0;
- color: #4c566a;
- 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: #e5e9f0;
- background: #ffffff;
- color: #4c566a;
- }
- .p-accordion .p-accordion-content {
- padding: 1rem;
- border: 1px solid #e5e9f0;
- background: #ffffff;
- color: #4c566a;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .p-accordion p-accordiontab .p-accordion-tab {
- margin-bottom: 0;
- }
- .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link {
- border-radius: 0;
- }
- .p-accordion p-accordiontab .p-accordion-content {
- border-radius: 0;
- }
- .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .p-accordion p-accordiontab:last-child .p-accordion-content {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
-
- .p-card {
- background: #ffffff;
- color: #4c566a;
- box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
- border-radius: 4px;
- }
- .p-card .p-card-body {
- padding: 1rem;
- }
- .p-card .p-card-title {
- font-size: 1.5rem;
- font-weight: 700;
- margin-bottom: 0.5rem;
- }
- .p-card .p-card-subtitle {
- font-weight: 400;
- margin-bottom: 0.5rem;
- color: #81a1c1;
- }
- .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 #e5e9f0;
- }
- .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 #e5e9f0;
- }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0;
- }
-
- .p-fieldset {
- border: 1px solid #e5e9f0;
- background: #ffffff;
- color: #4c566a;
- border-radius: 4px;
- }
- .p-fieldset .p-fieldset-legend {
- padding: 1rem;
- border: 1px solid #e5e9f0;
- color: #4c566a;
- background: #ffffff;
- font-weight: 600;
- border-radius: 4px;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1rem;
- color: #4c566a;
- border-radius: 4px;
- transition: none;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c0d0e0;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: #ffffff;
- border-color: #e5e9f0;
- color: #4c566a;
- }
- .p-fieldset .p-fieldset-content {
- padding: 1rem;
- }
-
- .p-panel .p-panel-header {
- border: 1px solid #e5e9f0;
- padding: 1rem;
- background: #ffffff;
- color: #4c566a;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .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: #81a1c1;
- border: 2px solid transparent;
- 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: #4c566a;
- border-color: #5e81ac;
- background: #ffffff;
- }
- .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c0d0e0;
- }
- .p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.5rem 1rem;
- }
- .p-panel .p-panel-content {
- padding: 1rem;
- border: 1px solid #e5e9f0;
- background: #ffffff;
- color: #4c566a;
- border-top: 0 none;
- }
- .p-panel .p-panel-content:last-child {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .p-panel .p-panel-footer {
- padding: 0.5rem 1rem;
- border: 1px solid #e5e9f0;
- background: #ffffff;
- color: #4c566a;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- 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: #eceff4;
- 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 #c0d0e0;
- }
-
- .p-splitter {
- border: 1px solid #e5e9f0;
- background: #ffffff;
- border-radius: 4px;
- color: #4c566a;
- }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: #eceff4;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #c2c7d1;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c0d0e0;
- }
- .p-splitter .p-splitter-gutter-resizing {
- background: #c2c7d1;
- }
-
- .p-tabview .p-tabview-nav-content {
- scroll-padding-inline: 2.357rem;
- }
- .p-tabview .p-tabview-nav {
- background: #ffffff;
- border: 2px solid #e5e9f0;
- 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 #e5e9f0;
- border-width: 0 0 2px 0;
- border-color: transparent transparent #e5e9f0 transparent;
- background: #ffffff;
- color: #4c566a;
- padding: 1rem;
- font-weight: 600;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- transition: none;
- 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 #c0d0e0;
- }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #ffffff;
- border-color: #81a1c1;
- color: #4c566a;
- }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #ffffff;
- border-color: #5e81ac;
- color: #4c566a;
- }
- .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: #4c566a;
- width: 2.357rem;
- box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.2), 0 12px 10px 0 rgba(0, 0, 0, 0.06);
- 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 #c0d0e0;
- }
- .p-tabview .p-tabview-panels {
- background: #ffffff;
- padding: 1rem;
- border: 0 none;
- color: #4c566a;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
-
- .p-toolbar {
- background: #ffffff;
- border: 1px solid #e5e9f0;
- padding: 1rem;
- border-radius: 4px;
- gap: 0.5rem;
- }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem;
- }
-
- .p-stepper .p-stepper-nav {
- position: relative;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow-x: auto;
- }
-
- .p-stepper-vertical .p-stepper-nav {
- flex-direction: column;
- }
-
- .p-stepper-header {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- align-items: center;
- }
- .p-stepper-header:last-of-type {
- flex: initial;
- }
-
- .p-stepper-header .p-stepper-action {
- border: 0 none;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- cursor: pointer;
- }
- .p-stepper-header .p-stepper-action:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c0d0e0;
- }
-
- .p-stepper.p-stepper-readonly .p-stepper-header {
- cursor: auto;
- }
-
- .p-stepper-header.p-highlight .p-stepper-action {
- cursor: default;
- }
-
- .p-stepper-title {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-stepper-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-stepper-separator {
- flex: 1 1 0;
- }
-
- .p-stepper .p-stepper-nav {
- display: flex;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .p-stepper .p-stepper-header {
- padding: 0.5rem;
- }
- .p-stepper .p-stepper-header .p-stepper-action {
- transition: none;
- border-radius: 4px;
- background: #ffffff;
- outline-color: transparent;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- color: #4c566a;
- border: 1px solid #ffffff;
- border-width: 2px;
- background: #ffffff;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
- margin-left: 0.5rem;
- color: #81a1c1;
- font-weight: 600;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c0d0e0;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #d8dee9;
- color: #2e3440;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #4c566a;
- }
- .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c0d0e0;
- }
- .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
- background-color: #5e81ac;
- }
- .p-stepper .p-stepper-panels {
- background: #ffffff;
- padding: 1rem;
- color: #4c566a;
- }
- .p-stepper .p-stepper-separator {
- background-color: #e5e9f0;
- width: 100%;
- height: 2px;
- margin-inline-start: 1rem;
- transition: none;
- }
- .p-stepper.p-stepper-vertical {
- display: flex;
- flex-direction: column;
- }
- .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
- display: flex;
- flex: 1 1 auto;
- background: #ffffff;
- color: #4c566a;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel {
- display: flex;
- flex-direction: column;
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
- flex: 1 1 auto;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
- width: 100%;
- padding-left: 1rem;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
- flex: 0 0 auto;
- width: 2px;
- height: auto;
- margin-inline-start: calc(1.75rem + 2px);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
- background-color: #5e81ac;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
- padding-left: 3rem;
- }
-
- .p-confirm-popup {
- background: #ffffff;
- color: #4c566a;
- 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);
- }
- .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: 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);
- border: 0 none;
- }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #ffffff;
- color: #4c566a;
- padding: 1.5rem;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .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: #81a1c1;
- border: 2px solid transparent;
- 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: #4c566a;
- border-color: #5e81ac;
- background: #ffffff;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c0d0e0;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0;
- }
- .p-dialog .p-dialog-content {
- background: #ffffff;
- color: #4c566a;
- padding: 0 1.5rem 2rem 1.5rem;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #ffffff;
- color: #4c566a;
- padding: 0 1.5rem 1.5rem 1.5rem;
- text-align: right;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .p-dialog .p-dialog-footer button {
- margin: 0 0.5rem 0 0;
- width: auto;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
- margin-left: 1rem;
- }
-
- .p-overlaypanel {
- background: #ffffff;
- color: #4c566a;
- 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);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 1rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- background: #5e81ac;
- color: #ffffff;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #81a1c1;
- color: #ffffff;
- }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff;
- }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #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: #4c566a;
- 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);
- }
- .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: #81a1c1;
- border: 2px solid transparent;
- 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: #4c566a;
- border-color: #5e81ac;
- background: #ffffff;
- }
- .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 #c0d0e0;
- }
- .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: #4c566a;
- color: #ffffff;
- padding: 0.5rem 0.5rem;
- 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;
- }
- .p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #4c566a;
- }
- .p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #4c566a;
- }
- .p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #4c566a;
- }
- .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #4c566a;
- }
-
- .p-fileupload .p-fileupload-buttonbar {
- background: #ffffff;
- padding: 1rem;
- border: 1px solid #e5e9f0;
- color: #4c566a;
- border-bottom: 0 none;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem;
- }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c0d0e0;
- }
- .p-fileupload .p-fileupload-content {
- background: #ffffff;
- padding: 2rem 1rem;
- border: 1px solid #e5e9f0;
- color: #4c566a;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- border-color: 1px dashed #5e81ac;
- border-style: dashed;
- background-color: #d8dee9;
- }
- .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: #81a1c1;
- color: #ffffff;
- border-color: #51749e;
- }
- .p-fileupload-choose:not(.p-disabled):active {
- background: #48678c;
- color: #ffffff;
- border-color: #48678c;
- }
-
- .p-breadcrumb {
- background: #ffffff;
- border: 1px solid #e5e9f0;
- border-radius: 4px;
- padding: 1rem;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
- transition: none;
- border-radius: 4px;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c0d0e0;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
- color: #4c566a;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
- color: #81a1c1;
- }
- .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
- margin: 0 0.5rem 0 0.5rem;
- color: #4c566a;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
- color: #4c566a;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
- color: #81a1c1;
- }
-
- .p-contextmenu {
- padding: 0.25rem 0;
- background: #ffffff;
- color: #4c566a;
- 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;
- 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 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;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: #4c566a;
- transition: none;
- border-radius: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #4c566a;
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #4c566a;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #81a1c1;
- margin-right: 0.5rem;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #81a1c1;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #4c566a;
- background: #ffffff;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #4c566a;
- }
- .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: #81a1c1;
- }
- .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #4c566a;
- background: #e5e9f0;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #4c566a;
- }
- .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: #4c566a;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #4c566a;
- background: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #4c566a;
- }
- .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: #81a1c1;
- }
- .p-contextmenu .p-menuitem-separator {
- border-top: 1px solid #e5e9f0;
- 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: 4px;
- }
- .p-dock .p-dock-item.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #c0d0e0;
- }
- .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: #eceff4;
- color: #4c566a;
- border: 1px solid #e5e9f0;
- border-radius: 4px;
- }
- .p-megamenu .p-megamenu-root-list {
- outline: 0 none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content {
- color: #4c566a;
- transition: none;
- border-radius: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #4c566a;
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #4c566a;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #81a1c1;
- margin-right: 0.5rem;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #81a1c1;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #4c566a;
- background: #ffffff;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #4c566a;
- }
- .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: #81a1c1;
- }
- .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #4c566a;
- background: #e5e9f0;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #4c566a;
- }
- .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: #4c566a;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #4c566a;
- background: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #4c566a;
- }
- .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: #81a1c1;
- }
- .p-megamenu .p-megamenu-panel {
- background: #ffffff;
- color: #4c566a;
- 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;
- }
- .p-megamenu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #4c566a;
- background: #ffffff;
- font-weight: 600;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .p-megamenu .p-submenu-list {
- padding: 0.25rem 0;
- width: 12.5rem;
- }
- .p-megamenu .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #e5e9f0;
- 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: #4c566a;
- transition: none;
- border-radius: 4px;
- }
- .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: #4c566a;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #81a1c1;
- 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: #81a1c1;
- 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: #4c566a;
- background: #ffffff;
- }
- .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: #4c566a;
- }
- .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: #81a1c1;
- }
-
- .p-menu {
- padding: 0.25rem 0;
- background: #ffffff;
- color: #4c566a;
- border: 1px solid #e5e9f0;
- border-radius: 4px;
- width: 12.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content {
- color: #4c566a;
- transition: none;
- border-radius: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #4c566a;
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #4c566a;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #81a1c1;
- margin-right: 0.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #81a1c1;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #4c566a;
- background: #ffffff;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #4c566a;
- }
- .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: #81a1c1;
- }
- .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #4c566a;
- background: #e5e9f0;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #4c566a;
- }
- .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: #4c566a;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #4c566a;
- background: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #4c566a;
- }
- .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: #81a1c1;
- }
- .p-menu.p-menu-overlay {
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #4c566a;
- background: #ffffff;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- }
- .p-menu .p-menuitem-separator {
- border-top: 1px solid #e5e9f0;
- margin: 0.25rem 0;
- }
- .p-menu .p-menuitem-badge {
- background: #5e81ac;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- border-radius: 4px;
- margin-left: 0.5rem;
- padding-left: 0.5rem;
- padding-right: 0.5rem;
- }
-
- .p-menubar {
- padding: 0.5rem;
- background: #eceff4;
- color: #4c566a;
- border: 1px solid #e5e9f0;
- border-radius: 4px;
- }
- .p-menubar .p-menubar-root-list {
- outline: 0 none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
- color: #4c566a;
- transition: none;
- border-radius: 4px;
- }
- .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: #4c566a;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #81a1c1;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #81a1c1;
- margin-left: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #4c566a;
- background: #ffffff;
- }
- .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: #4c566a;
- }
- .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: #81a1c1;
- }
- .p-menubar .p-menuitem > .p-menuitem-content {
- color: #4c566a;
- transition: none;
- border-radius: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #4c566a;
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #4c566a;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #81a1c1;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #81a1c1;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
- color: #4c566a;
- background: #ffffff;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #4c566a;
- }
- .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: #81a1c1;
- }
- .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #4c566a;
- background: #e5e9f0;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #4c566a;
- }
- .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: #4c566a;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #4c566a;
- background: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #4c566a;
- }
- .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: #81a1c1;
- }
- .p-menubar .p-submenu-list {
- padding: 0.25rem 0;
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- width: 12.5rem;
- border-radius: 4px;
- }
- .p-menubar .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #e5e9f0;
- 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: #81a1c1;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-menubar .p-menubar-button:hover {
- color: #81a1c1;
- background: #ffffff;
- }
- .p-menubar .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c0d0e0;
- }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0.25rem 0;
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- width: 100%;
- }
- .p-menubar .p-menubar-root-list .p-menuitem-separator {
- border-top: 1px solid #e5e9f0;
- 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 #e5e9f0;
- color: #4c566a;
- background: #ffffff;
- border-radius: 4px;
- transition: none;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #4c566a;
- 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 #c0d0e0;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: #ffffff;
- border-color: #e5e9f0;
- color: #4c566a;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
- background: #ffffff;
- border-color: #e5e9f0;
- color: #4c566a;
- 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: #e5e9f0;
- background: #ffffff;
- color: #4c566a;
- }
- .p-panelmenu .p-panelmenu-content {
- padding: 0.25rem 0;
- border: 1px solid #e5e9f0;
- background: #ffffff;
- color: #4c566a;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
- color: #4c566a;
- transition: none;
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #4c566a;
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #4c566a;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #81a1c1;
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #81a1c1;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
- color: #4c566a;
- background: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #4c566a;
- }
- .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: #81a1c1;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #4c566a;
- background: #e5e9f0;
- }
- .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: #4c566a;
- }
- .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: #4c566a;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #4c566a;
- background: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #4c566a;
- }
- .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: #81a1c1;
- }
- .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 #e5e9f0;
- 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: 4px;
- border-top-left-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
-
- .p-slidemenu {
- padding: 0.25rem 0;
- background: #ffffff;
- color: #4c566a;
- border: 1px solid #e5e9f0;
- border-radius: 4px;
- 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: #4c566a;
- transition: none;
- border-radius: 0;
- }
- .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #4c566a;
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #4c566a;
- }
- .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #81a1c1;
- margin-right: 0.5rem;
- }
- .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #81a1c1;
- }
- .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #4c566a;
- background: #ffffff;
- }
- .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #4c566a;
- }
- .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: #81a1c1;
- }
- .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #ffffff;
- }
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #4c566a;
- background: #e5e9f0;
- }
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #4c566a;
- }
- .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: #4c566a;
- }
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #4c566a;
- background: #ffffff;
- }
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #4c566a;
- }
- .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: #81a1c1;
- }
- .p-slidemenu.p-slidemenu-overlay {
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-slidemenu .p-slidemenu-list {
- padding: 0.25rem 0;
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-slidemenu .p-menuitem-separator {
- border-top: 1px solid #e5e9f0;
- 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: #4c566a;
- }
- .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #c0d0e0;
- }
- .p-slidemenu .p-menuitem-badge {
- background: #5e81ac;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- border-radius: 4px;
- margin-left: 0.5rem;
- padding-left: 0.5rem;
- padding-right: 0.5rem;
- }
-
- .p-steps .p-steps-item .p-menuitem-link {
- background: transparent;
- transition: none;
- border-radius: 4px;
- background: #ffffff;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #4c566a;
- border: 1px solid #ffffff;
- 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: #81a1c1;
- }
- .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 #c0d0e0;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #d8dee9;
- color: #2e3440;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 600;
- color: #4c566a;
- }
- .p-steps .p-steps-item:before {
- content: " ";
- border-top: 1px solid #e5e9f0;
- width: 100%;
- top: 50%;
- left: 0;
- display: block;
- position: absolute;
- margin-top: -1rem;
- }
-
- .p-tabmenu .p-tabmenu-nav {
- background: #ffffff;
- border: 2px solid #e5e9f0;
- border-width: 0 0 2px 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-menuitem-badge {
- background: #5e81ac;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- border-radius: 4px;
- 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 #e5e9f0;
- border-width: 0 0 2px 0;
- border-color: transparent transparent #e5e9f0 transparent;
- background: #ffffff;
- color: #4c566a;
- padding: 1rem;
- font-weight: 600;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- transition: none;
- 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 #c0d0e0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #ffffff;
- border-color: #81a1c1;
- color: #4c566a;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #ffffff;
- border-color: #5e81ac;
- color: #4c566a;
- }
- .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: #4c566a;
- width: 2.357rem;
- box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.2), 0 12px 10px 0 rgba(0, 0, 0, 0.06);
- 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 #c0d0e0;
- }
-
- .p-tieredmenu {
- padding: 0.25rem 0;
- background: #ffffff;
- color: #4c566a;
- border: 1px solid #e5e9f0;
- border-radius: 4px;
- width: 12.5rem;
- }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
- .p-tieredmenu .p-submenu-list {
- padding: 0.25rem 0;
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 4px;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: #4c566a;
- transition: none;
- border-radius: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #4c566a;
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #4c566a;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #81a1c1;
- margin-right: 0.5rem;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #81a1c1;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #4c566a;
- background: #ffffff;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #4c566a;
- }
- .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: #81a1c1;
- }
- .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #4c566a;
- background: #e5e9f0;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #4c566a;
- }
- .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: #4c566a;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #4c566a;
- background: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #4c566a;
- }
- .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: #81a1c1;
- }
- .p-tieredmenu .p-menuitem-separator {
- border-top: 1px solid #e5e9f0;
- 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: 4px;
- }
- .p-inline-message.p-inline-message-info {
- background: #b8d9e3;
- border: solid #2e4f5d;
- border-width: 0px;
- color: #2e4f5d;
- }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #17282e;
- }
- .p-inline-message.p-inline-message-success {
- background: #c8d8ba;
- border: solid #3f5332;
- border-width: 0px;
- color: #202919;
- }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #202919;
- }
- .p-inline-message.p-inline-message-warn {
- background: #f1d6ca;
- border: solid #783b28;
- border-width: 0px;
- color: #3c1d14;
- }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #3c1d14;
- }
- .p-inline-message.p-inline-message-error {
- background: #e8b8b8;
- border: solid #662a2f;
- border-width: 0px;
- color: #331518;
- }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #331518;
- }
- .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: 4px;
- }
- .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 #c0d0e0;
- }
- .p-message.p-message-info {
- background: #b8d9e3;
- border: solid #2e4f5d;
- border-width: 0 0 0 6px;
- color: #2e4f5d;
- }
- .p-message.p-message-info .p-message-icon {
- color: #17282e;
- }
- .p-message.p-message-info .p-message-close {
- color: #17282e;
- }
- .p-message.p-message-success {
- background: #c8d8ba;
- border: solid #3f5332;
- border-width: 0 0 0 6px;
- color: #202919;
- }
- .p-message.p-message-success .p-message-icon {
- color: #202919;
- }
- .p-message.p-message-success .p-message-close {
- color: #202919;
- }
- .p-message.p-message-warn {
- background: #f1d6ca;
- border: solid #783b28;
- border-width: 0 0 0 6px;
- color: #3c1d14;
- }
- .p-message.p-message-warn .p-message-icon {
- color: #3c1d14;
- }
- .p-message.p-message-warn .p-message-close {
- color: #3c1d14;
- }
- .p-message.p-message-error {
- background: #e8b8b8;
- border: solid #662a2f;
- border-width: 0 0 0 6px;
- color: #331518;
- }
- .p-message.p-message-error .p-message-icon {
- color: #331518;
- }
- .p-message.p-message-error .p-message-close {
- color: #331518;
- }
- .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 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;
- }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0 0 0 6px;
- }
- .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 #c0d0e0;
- }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #b8d9e3;
- border: solid #2e4f5d;
- border-width: 0 0 0 6px;
- color: #2e4f5d;
- }
- .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: #17282e;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #c8d8ba;
- border: solid #3f5332;
- border-width: 0 0 0 6px;
- color: #202919;
- }
- .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: #202919;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #f1d6ca;
- border: solid #783b28;
- border-width: 0 0 0 6px;
- color: #3c1d14;
- }
- .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: #3c1d14;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #e8b8b8;
- border: solid #662a2f;
- border-width: 0 0 0 6px;
- color: #331518;
- }
- .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: #331518;
- }
-
- .p-galleria .p-galleria-close {
- margin: 0.5rem;
- background: transparent;
- color: #eceff4;
- 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: #eceff4;
- }
- .p-galleria .p-galleria-item-nav {
- background: transparent;
- color: #eceff4;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 4px;
- margin: 0 0.5rem;
- }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: #eceff4;
- }
- .p-galleria .p-galleria-caption {
- background: rgba(0, 0, 0, 0.5);
- color: #eceff4;
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators {
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #d8dee9;
- 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: #81a1c1;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #d8dee9;
- color: #2e3440;
- }
- .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: #d8dee9;
- color: #2e3440;
- }
- .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: #eceff4;
- 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: #eceff4;
- }
- .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 #c0d0e0;
- }
-
- .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: #e5e9f0;
- border-radius: 4px;
- }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem;
- }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem;
- }
-
- .p-avatar-group .p-avatar {
- border: 2px solid #ffffff;
- }
-
- .p-badge {
- background: #5e81ac;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- }
- .p-badge.p-badge-success {
- background-color: #7fa366;
- color: #ffffff;
- }
- .p-badge.p-badge-info {
- background-color: #639bb2;
- color: #ffffff;
- }
- .p-badge.p-badge-warning {
- background-color: #d08770;
- color: #ffffff;
- }
- .p-badge.p-badge-danger {
- background-color: #bf616a;
- 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: #e5e9f0;
- color: #4c566a;
- 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: 4px;
- 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 #c0d0e0;
- }
- .p-chip .pi-chip-remove-icon:focus {
- outline: 0 none;
- }
-
- .p-inplace .p-inplace-display {
- padding: 0.5rem 0.5rem;
- border-radius: 4px;
- 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: #ffffff;
- color: #4c566a;
- }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c0d0e0;
- }
-
- .p-metergroup {
- display: flex;
- }
-
- .p-metergroup-meters {
- display: flex;
- }
-
- .p-metergroup-vertical .p-metergroup-meters {
- flex-direction: column;
- }
-
- .p-metergroup-labels {
- display: flex;
- flex-wrap: wrap;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-metergroup-vertical .p-metergroup-labels {
- align-items: start;
- }
-
- .p-metergroup-labels-vertical {
- flex-direction: column;
- }
-
- .p-metergroup-label {
- display: inline-flex;
- align-items: center;
- }
-
- .p-metergroup-label-marker {
- display: inline-flex;
- }
-
- .p-metergroup {
- gap: 1rem;
- }
- .p-metergroup .p-metergroup-meters {
- background: #e5e9f0;
- border-radius: 4px;
- }
- .p-metergroup .p-metergroup-meter {
- border: 0 none;
- background: #5e81ac;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
- background: #5e81ac;
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 100%;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
- gap: 1rem;
- }
- .p-metergroup.p-metergroup-horizontal {
- flex-direction: column;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
- height: 0.5rem;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px;
- }
- .p-metergroup.p-metergroup-vertical {
- flex-direction: row;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
- width: 0.5rem;
- height: 100%;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
- border-top-left-radius: 4px;
- border-top-right-radius: 4px;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
- border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px;
- }
-
- .p-progressbar {
- border: 0 none;
- height: 1.5rem;
- background: #e5e9f0;
- border-radius: 4px;
- }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #5e81ac;
- }
- .p-progressbar .p-progressbar-label {
- color: #ffffff;
- line-height: 1.5rem;
- }
-
- .p-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, 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: #eceff4;
- }
- .p-scrolltop .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-skeleton {
- background-color: #e5e9f0;
- border-radius: 4px;
- }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
- }
-
- .p-tag {
- background: #5e81ac;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 4px;
- }
- .p-tag.p-tag-success {
- background-color: #7fa366;
- color: #ffffff;
- }
- .p-tag.p-tag-info {
- background-color: #639bb2;
- color: #ffffff;
- }
- .p-tag.p-tag-warning {
- background-color: #d08770;
- color: #ffffff;
- }
- .p-tag.p-tag-danger {
- background-color: #bf616a;
- 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: #4c566a;
- border: 1px solid #e5e9f0;
- 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 */
-@layer primeng {
- .p-inputtext:enabled:hover {
- background-color: #eceff4;
- }
- .p-inputtext:enabled:focus {
- background-color: #ffffff;
- }
-
- .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
- background-color: #eceff4;
- }
- .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
-
- .p-autocomplete .p-autocomplete-panel .p-autocomplete-item:not(.p-disabled):hover {
- box-shadow: inset 0 0 0 0.1rem #81a1c1;
- }
- .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover {
- background-color: #eceff4;
- }
-
- .p-dropdown:not(.p-disabled):hover {
- background-color: #eceff4;
- }
-
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- box-shadow: inset 0 0 0 0.1rem #81a1c1;
- }
-
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-disabled):hover {
- box-shadow: inset 0 0 0 0.1rem #81a1c1;
- }
-
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- box-shadow: inset 0 0 0 0.1rem #81a1c1;
- }
-
- .p-multiselect:not(.p-disabled):hover {
- background-color: #eceff4;
- }
-
- .p-button {
- font-weight: 500;
- }
-
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- background-color: #d8dee9;
- }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- border-color: transparent;
- }
-
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #d8dee9;
- }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- border-color: transparent;
- }
-
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover:not(.p-disabled) .p-accordion-header-link:focus {
- box-shadow: inset 0 0 0 0.1rem #81a1c1;
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- box-shadow: inset 0 0 0 0.1rem #81a1c1;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- box-shadow: inset 0 0 0 0.1rem #81a1c1;
- }
-
- .p-datepicker table td > span.p-highlight {
- color: #ffffff;
- background: #5e81ac;
- }
- .p-datepicker table td > span.p-highlight:hover {
- background-color: #81a1c1;
- border: 2px solid #5e81ac;
- }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #ffffff;
- background: #5e81ac;
- }
-
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- box-shadow: inset 0 0 0 0.1rem #81a1c1;
- }
-
- .p-menubar .p-menuitem-link:not(.p-disabled):hover {
- box-shadow: inset 0 0 0 0.1rem #81a1c1;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- box-shadow: inset 0 0 0 0.1rem #81a1c1;
- }
-
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- box-shadow: inset 0 0 0 0.1rem #81a1c1;
- }
-
- .p-menu .p-menuitem-link:not(.p-disabled):hover {
- box-shadow: inset 0 0 0 0.1rem #81a1c1;
- }
-
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- box-shadow: inset 0 0 0 0.1rem #81a1c1;
- }
-
- .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 {
- border: 1px solid #5e81ac;
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- border: 1px solid #5e81ac;
- }
-
- .p-datatable .p-sortable-column:not(.p-highlight):hover {
- box-shadow: inset 0 0 0 0.1rem #81a1c1;
- }
- .p-datatable .p-sortable-column.p-highlight {
- background-color: #d8dee9;
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- box-shadow: inset 0 0 0 0.1rem #81a1c1;
- }
- .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
- outline: 1px solid #81a1c1;
- }
-
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #81a1c1;
- color: #ffffff;
- border: 2px solid #51749e;
- }
-
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- box-shadow: inset 0 0 0 0.1rem #81a1c1;
- }
-
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: #ffffff;
- box-shadow: inset 0 0 0 0.1rem #81a1c1;
- }
-
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- box-shadow: inset 0 0 0 0.1rem #81a1c1;
- }
- .p-treetable .p-sortable-column.p-highlight {
- background-color: #d8dee9;
- }
- .p-treetable .p-sortable-column.p-highlight:hover {
- background-color: #ffffff;
- box-shadow: inset 0 0 0 0.1rem #81a1c1;
- }
- .p-treetable .p-sortable-column:focus {
- box-shadow: inset 0 0 0 0.2rem #c0d0e0;
- outline: 0 none;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
- outline: 1px solid #81a1c1;
- }
-
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- box-shadow: inset 0 0 0 0.1rem #81a1c1;
- }
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
- box-shadow: inset 0 0 0 0.1rem #81a1c1;
- }
-
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
- box-shadow: inset 0 0 0 0.1rem #81a1c1;
- }
- .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
- box-shadow: inset 0 0 0 0.1rem #81a1c1;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
- box-shadow: inset 0 0 0 0.1rem #81a1c1;
- }
-
- .p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
- box-shadow: inset 0 0 0 0.1rem #81a1c1;
- }
-
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: #5e81ac;
- color: #ffffff;
- }
-
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #5e81ac;
- color: #ffffff;
- }
-
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #5e81ac;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #5e81ac;
- }
-}
diff --git a/client/src/assets/components/themes/nano/theme.css b/client/src/assets/components/themes/nano/theme.css
deleted file mode 100644
index 90cc7698..00000000
--- a/client/src/assets/components/themes/nano/theme.css
+++ /dev/null
@@ -1,6402 +0,0 @@
-: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: #f2f4f8;
- --surface-c: #dde1e6;
- --surface-d: #dee2e6;
- --surface-e: #ffffff;
- --surface-f: #ffffff;
- --text-color: #343a3f;
- --text-color-secondary: #697077;
- --primary-color: #1174c0;
- --primary-color-text: #ffffff;
- --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: 0.5rem;
- --inline-spacing: 0.5rem;
- --border-radius: 1px;
- --surface-ground: #f2f4f8;
- --surface-section: #ffffff;
- --surface-card: #ffffff;
- --surface-overlay: #ffffff;
- --surface-border: #dee2e6;
- --surface-hover: #dde1e6;
- --maskbg: rgba(0, 0, 0, 0.4);
- --highlight-bg: #44a1d9;
- --highlight-text-color: #ffffff;
- --focus-ring: 0 0 0 0.2rem #90c9f5;
- color-scheme: light;
-}
-
-:root {
- --blue-50:#f4f9fd;
- --blue-100:#c9e2f4;
- --blue-200:#9ecbec;
- --blue-300:#74b3e4;
- --blue-400:#499cdb;
- --blue-500:#1e85d3;
- --blue-600:#1a71b3;
- --blue-700:#155d94;
- --blue-800:#114974;
- --blue-900:#0c3554;
- --green-50:#f5fbf7;
- --green-100:#cfead7;
- --green-200:#a9dab7;
- --green-300:#84ca97;
- --green-400:#5eb978;
- --green-500:#38a958;
- --green-600:#30904b;
- --green-700:#27763e;
- --green-800:#1f5d30;
- --green-900:#164423;
- --yellow-50:#fefcf5;
- --yellow-100:#fbf0cf;
- --yellow-200:#f9e4a8;
- --yellow-300:#f6d982;
- --yellow-400:#f3cd5b;
- --yellow-500:#f0c135;
- --yellow-600:#cca42d;
- --yellow-700:#a88725;
- --yellow-800:#846a1d;
- --yellow-900:#604d15;
- --cyan-50:#f4fcfe;
- --cyan-100:#caf0fc;
- --cyan-200:#a0e4fa;
- --cyan-300:#75d9f8;
- --cyan-400:#4bcdf5;
- --cyan-500:#21c1f3;
- --cyan-600:#1ca4cf;
- --cyan-700:#1787aa;
- --cyan-800:#126a86;
- --cyan-900:#0d4d61;
- --pink-50:#fdf6f6;
- --pink-100:#f5d3d6;
- --pink-200:#eeb0b5;
- --pink-300:#e68e94;
- --pink-400:#df6b74;
- --pink-500:#d74853;
- --pink-600:#b73d47;
- --pink-700:#97323a;
- --pink-800:#76282e;
- --pink-900:#561d21;
- --indigo-50:#f3f6fc;
- --indigo-100:#c6d4f0;
- --indigo-200:#99b2e4;
- --indigo-300:#6b90d8;
- --indigo-400:#3e6ecc;
- --indigo-500:#114cc0;
- --indigo-600:#0e41a3;
- --indigo-700:#0c3586;
- --indigo-800:#092a6a;
- --indigo-900:#071e4d;
- --teal-50:#f3f9f8;
- --teal-100:#c6e0df;
- --teal-200:#98c7c5;
- --teal-300:#6baeac;
- --teal-400:#3d9692;
- --teal-500:#107d79;
- --teal-600:#0e6a67;
- --teal-700:#0b5855;
- --teal-800:#094543;
- --teal-900:#063230;
- --orange-50:#fef9f5;
- --orange-100:#fbe4cf;
- --orange-200:#f9cfa8;
- --orange-300:#f6ba82;
- --orange-400:#f3a45b;
- --orange-500:#f08f35;
- --orange-600:#cc7a2d;
- --orange-700:#a86425;
- --orange-800:#844f1d;
- --orange-900:#603915;
- --bluegray-50:#f8f8f8;
- --bluegray-100:#dbddde;
- --bluegray-200:#bfc2c5;
- --bluegray-300:#a2a6ab;
- --bluegray-400:#868b91;
- --bluegray-500:#697077;
- --bluegray-600:#595f65;
- --bluegray-700:#4a4e53;
- --bluegray-800:#3a3e41;
- --bluegray-900:#2a2d30;
- --purple-50:#f9f6ff;
- --purple-100:#e3d3fd;
- --purple-200:#ccb1fc;
- --purple-300:#b68efb;
- --purple-400:#9f6cf9;
- --purple-500:#8949f8;
- --purple-600:#743ed3;
- --purple-700:#6033ae;
- --purple-800:#4b2888;
- --purple-900:#371d63;
- --red-50:#fff4f5;
- --red-100:#ffccce;
- --red-200:#ffa4a7;
- --red-300:#ff7c80;
- --red-400:#ff5359;
- --red-500:#ff2b32;
- --red-600:#d9252b;
- --red-700:#b31e23;
- --red-800:#8c181c;
- --red-900:#661114;
- --primary-50:#f3f8fc;
- --primary-100:#c6def0;
- --primary-200:#99c3e4;
- --primary-300:#6ba9d8;
- --primary-400:#3e8ecc;
- --primary-500:#1174c0;
- --primary-600:#0e63a3;
- --primary-700:#0c5186;
- --primary-800:#09406a;
- --primary-900:#072e4d;
-}
-
-.p-editor-container .p-editor-toolbar {
- background: #f2f4f8;
- border-top-right-radius: 1px;
- border-top-left-radius: 1px;
-}
-.p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #dee2e6;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #697077;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #697077;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #697077;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #343a3f;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #343a3f;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #343a3f;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #343a3f;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #343a3f;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #343a3f;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 1px;
- padding: 0.25rem 0;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #343a3f;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #343a3f;
- background: #dde1e6;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.25rem 0.5rem;
-}
-.p-editor-container .p-editor-content {
- border-bottom-right-radius: 1px;
- border-bottom-left-radius: 1px;
-}
-.p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #dee2e6;
-}
-.p-editor-container .p-editor-content .ql-editor {
- background: #ffffff;
- color: #343a3f;
- border-bottom-right-radius: 1px;
- border-bottom-left-radius: 1px;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover,
-.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: #343a3f;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #343a3f;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #343a3f;
-}
-.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: #1174c0;
-}
-.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: #1174c0;
-}
-.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: #1174c0;
-}
-.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: #1174c0;
-}
-
-@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.6;
- }
-
- .p-error {
- color: #d8222f;
- }
-
- .p-text-secondary {
- color: #697077;
- }
-
- .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: 1px;
- }
- .p-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #90c9f5;
- }
-
- .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.25rem;
- }
- .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 2.607rem;
- }
- .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
- border-color: #1174c0;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #90c9f5;
- border-color: #1174c0;
- }
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.125rem 0.25rem;
- gap: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.125rem 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: #343a3f;
- padding: 0;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.125rem 0.25rem;
- background: #dee2e6;
- color: #343a3f;
- 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: #c8cbcf;
- color: #343a3f;
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #d8222f;
- }
-
- .p-autocomplete-panel {
- background: #ffffff;
- color: #343a3f;
- border: 0 none;
- border-radius: 1px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.25rem 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.25rem 0.5rem;
- border: 0 none;
- color: #343a3f;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #ffffff;
- background: #44a1d9;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: #1174c0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #343a3f;
- background: #d2d6db;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
- color: #343a3f;
- background: #dde1e6;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.25rem 0.5rem;
- color: #343a3f;
- background: #ffffff;
- font-weight: 600;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message {
- padding: 0.25rem 0.5rem;
- color: #343a3f;
- background: transparent;
- }
-
- p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
- border-color: #d8222f;
- }
-
- p-autocomplete.p-autocomplete-clearable .p-inputtext {
- padding-right: 1.5rem;
- }
- p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon {
- color: #697077;
- right: 0.25rem;
- }
-
- p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon {
- color: #697077;
- right: 2.607rem;
- }
-
- p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
- border-color: #d8222f;
- }
-
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #90c9f5;
- border-color: #1174c0;
- }
-
- .p-datepicker {
- padding: 0.25rem;
- background: #ffffff;
- color: #343a3f;
- border: 1px solid #a5acb3;
- border-radius: 1px;
- }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #ffffff;
- }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: #343a3f;
- background: #ffffff;
- font-weight: 600;
- margin: 0;
- border-bottom: 1px solid #dee2e6;
- border-top-right-radius: 1px;
- border-top-left-radius: 1px;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
-.p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 1rem;
- height: 1rem;
- color: #878d96;
- 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: #343a3f;
- border-color: #121619;
- background: transparent;
- }
- .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 #90c9f5;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 1rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- color: #343a3f;
- 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: #1174c0;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem;
- }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.25rem 0;
- }
- .p-datepicker table th {
- padding: 0.5rem;
- }
- .p-datepicker table th > span {
- width: 1.75rem;
- height: 1.75rem;
- }
- .p-datepicker table td {
- padding: 0.5rem;
- }
- .p-datepicker table td > span {
- width: 1.75rem;
- height: 1.75rem;
- border-radius: 50%;
- transition: box-shadow 0.2s;
- border: 1px solid transparent;
- }
- .p-datepicker table td > span.p-highlight {
- color: #ffffff;
- background: #44a1d9;
- }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #90c9f5;
- }
- .p-datepicker table td.p-datepicker-today > span {
- background: #a5acb3;
- color: #343a3f;
- border-color: transparent;
- }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #ffffff;
- background: #44a1d9;
- }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 0.5rem 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: 1rem;
- height: 1rem;
- color: #878d96;
- 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: #343a3f;
- border-color: #121619;
- background: transparent;
- }
- .p-datepicker .p-timepicker button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #90c9f5;
- }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: 0.2em;
- }
- .p-datepicker .p-timepicker span {
- font-size: 1rem;
- }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem;
- }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none;
- }
- .p-datepicker .p-monthpicker {
- margin: 0.25rem 0;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: box-shadow 0.2s;
- border-radius: 1px;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #ffffff;
- background: #44a1d9;
- }
- .p-datepicker .p-yearpicker {
- margin: 0.25rem 0;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year {
- padding: 0.5rem;
- transition: box-shadow 0.2s;
- border-radius: 1px;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
- color: #ffffff;
- background: #44a1d9;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-left: 1px solid #dee2e6;
- padding-right: 0.25rem;
- padding-left: 0.25rem;
- 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: #dde1e6;
- }
- .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 #90c9f5;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
- background: #dde1e6;
- }
- .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 #90c9f5;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
- background: #dde1e6;
- }
- .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 #90c9f5;
- }
-
- p-calendar.p-calendar-clearable .p-inputtext {
- padding-right: 1.5rem;
- }
- p-calendar.p-calendar-clearable .p-calendar-clear-icon {
- color: #697077;
- right: 0.25rem;
- }
-
- p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon {
- color: #697077;
- right: 2.607rem;
- }
-
- @media screen and (max-width: 769px) {
- .p-datepicker table th, .p-datepicker table td {
- padding: 0;
- }
- }
- .p-cascadeselect {
- background: #ffffff;
- border: 1px solid #a5acb3;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 1px;
- }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #1174c0;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #90c9f5;
- border-color: #1174c0;
- }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.25rem 0.25rem;
- }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #697077;
- }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #697077;
- width: 2.357rem;
- border-top-right-radius: 1px;
- border-bottom-right-radius: 1px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #d8222f;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #f2f4f8;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #f2f4f8;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
-
- .p-cascadeselect-panel {
- background: #ffffff;
- color: #343a3f;
- border: 0 none;
- border-radius: 1px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.25rem 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: #343a3f;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #ffffff;
- background: #44a1d9;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: #1174c0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #343a3f;
- background: #d2d6db;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #343a3f;
- background: #dde1e6;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.25rem 0.5rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem;
- }
-
- .p-input-filled .p-cascadeselect {
- background: #f2f4f8;
- }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: #f2f4f8;
- }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
-
- p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect {
- border-color: #d8222f;
- }
-
- p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label {
- padding-right: 0.25rem;
- }
- p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon {
- color: #697077;
- 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: 14px;
- height: 14px;
- }
- .p-checkbox .p-checkbox-box {
- border: 2px solid #a5acb3;
- background: #ffffff;
- width: 14px;
- height: 14px;
- color: #343a3f;
- border-radius: 1px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #ffffff;
- font-size: 12px;
- }
- .p-checkbox .p-checkbox-box .p-icon {
- width: 12px;
- height: 12px;
- }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #1174c0;
- background: #1174c0;
- }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: #1174c0;
- }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #90c9f5;
- border-color: #1174c0;
- }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #0e5d9a;
- background: #0e5d9a;
- color: #ffffff;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #f2f4f8;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
- background: #1174c0;
- }
- .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #f2f4f8;
- }
- .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #0e5d9a;
- }
-
- p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
- border-color: #d8222f;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #f2f4f8;
- }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #1174c0;
- }
- .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #f2f4f8;
- }
- .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #0e5d9a;
- }
-
- .p-checkbox-label {
- margin-left: 0.5rem;
- }
-
- p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
- border-color: #d8222f;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #1174c0;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #90c9f5;
- border-color: #1174c0;
- }
- .p-chips .p-chips-multiple-container {
- padding: 0.125rem 0.25rem;
- gap: 0.5rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.125rem 0.25rem;
- margin-right: 0.5rem;
- background: #dee2e6;
- color: #343a3f;
- border-radius: 16px;
- }
- .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
- background: #c8cbcf;
- color: #343a3f;
- }
- .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.125rem 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: #343a3f;
- padding: 0;
- margin: 0;
- }
-
- p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
- border-color: #d8222f;
- }
-
- p-chips.p-chips-clearable .p-inputtext {
- padding-right: 1.25rem;
- }
- p-chips.p-chips-clearable .p-chips-clear-icon {
- color: #697077;
- right: 0.25rem;
- }
-
- .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 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-dropdown {
- background: #ffffff;
- border: 1px solid #a5acb3;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 1px;
- }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #1174c0;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #90c9f5;
- border-color: #1174c0;
- }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.25rem;
- }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none;
- }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #697077;
- }
- .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: #697077;
- width: 2.357rem;
- border-top-right-radius: 1px;
- border-bottom-right-radius: 1px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: #697077;
- right: 2.357rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #d8222f;
- }
- .p-dropdown.p-variant-filled {
- background-color: #f2f4f8;
- }
- .p-dropdown.p-variant-filled:enabled:hover {
- background-color: #f2f4f8;
- }
- .p-dropdown.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
-
- .p-dropdown-panel {
- background: #ffffff;
- color: #343a3f;
- border: 0 none;
- border-radius: 1px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.25rem 0.5rem;
- border-bottom: 0 none;
- color: #343a3f;
- background: #f2f4f8;
- margin: 0;
- border-top-right-radius: 1px;
- border-top-left-radius: 1px;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.25rem;
- margin-right: -1.25rem;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.25rem;
- color: #697077;
- }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.25rem 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.25rem 0.5rem;
- border: 0 none;
- color: #343a3f;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #ffffff;
- background: #44a1d9;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: #1174c0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #343a3f;
- background: #d2d6db;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- color: #343a3f;
- background: #dde1e6;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.25rem 0.5rem;
- color: #343a3f;
- background: #ffffff;
- font-weight: 600;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.25rem 0.5rem;
- color: #343a3f;
- background: transparent;
- }
-
- .p-input-filled .p-dropdown {
- background: #f2f4f8;
- }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: #f2f4f8;
- }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
- .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: #d8222f;
- }
-
- .p-icon-field .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-inputgroup-addon {
- background: #dde1e6;
- color: #697077;
- border-top: 1px solid #a5acb3;
- border-left: 1px solid #a5acb3;
- border-bottom: 1px solid #a5acb3;
- padding: 0.25rem 0.25rem;
- min-width: 2.357rem;
- }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #a5acb3;
- }
-
- .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: 1px;
- border-bottom-left-radius: 1px;
- }
-
- .p-inputgroup .p-float-label:first-child input {
- border-top-left-radius: 1px;
- border-bottom-left-radius: 1px;
- }
-
- .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: 1px;
- border-bottom-right-radius: 1px;
- }
-
- .p-inputgroup .p-float-label:last-child input {
- border-top-right-radius: 1px;
- border-bottom-right-radius: 1px;
- }
-
- .p-fluid .p-inputgroup .p-button {
- width: auto;
- }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.357rem;
- }
-
- .p-icon-field-left .p-input-icon:first-of-type {
- left: 0.25rem;
- color: #697077;
- }
-
- .p-icon-field-right .p-input-icon:last-of-type {
- right: 0.25rem;
- color: #697077;
- }
-
- p-inputmask.ng-dirty.ng-invalid > .p-inputtext {
- border-color: #d8222f;
- }
-
- p-inputmask.p-inputmask-clearable .p-inputtext {
- padding-right: 1.5rem;
- }
- p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon {
- color: #697077;
- right: 0.25rem;
- }
-
- .p-inputmask.p-variant-filled {
- background-color: #f2f4f8;
- }
- .p-inputmask.p-variant-filled:enabled:hover {
- background-color: #f2f4f8;
- }
- .p-inputmask.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
-
- p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
- border-color: #d8222f;
- }
-
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-input {
- padding-right: 1.5rem;
- }
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon {
- color: #697077;
- right: 0.25rem;
- }
-
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon {
- right: 2.607rem;
- }
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon {
- right: 2.607rem;
- }
-
- p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #f2f4f8;
- }
- p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #f2f4f8;
- }
- p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #ffffff;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 1.5rem;
- }
-
- .p-inputswitch {
- width: 2rem;
- height: 1.155rem;
- }
- .p-inputswitch .p-inputswitch-slider {
- background: #a5acb3;
- 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: 0.825rem;
- height: 0.825rem;
- left: 0.165rem;
- margin-top: -0.4125rem;
- border-radius: 50%;
- transition-duration: 0.2s;
- }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- transform: translateX(0.825rem);
- }
- .p-inputswitch.p-focus .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #90c9f5;
- }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: #929ba3;
- }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: #1174c0;
- }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: #ffffff;
- }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: #0f68ad;
- }
-
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
- border-color: #d8222f;
- }
-
- .p-inputtext {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #343a3f;
- background: #ffffff;
- padding: 0.25rem 0.25rem;
- border: 1px solid #a5acb3;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- appearance: none;
- border-radius: 1px;
- }
- .p-inputtext:enabled:hover {
- border-color: #1174c0;
- }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #90c9f5;
- border-color: #1174c0;
- }
- .p-inputtext.ng-dirty.ng-invalid {
- border-color: #d8222f;
- }
- .p-inputtext.p-variant-filled {
- background-color: #f2f4f8;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #f2f4f8;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.21875rem 0.21875rem;
- }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.3125rem 0.3125rem;
- }
-
- .p-float-label > label {
- left: 0.25rem;
- color: #697077;
- transition-duration: 0.2s;
- }
-
- .p-float-label > .ng-invalid.ng-dirty + label {
- color: #d8222f;
- }
-
- .p-input-icon-left > .p-icon-wrapper.p-icon,
-.p-input-icon-left > i:first-of-type {
- left: 0.25rem;
- color: #697077;
- }
-
- .p-input-icon-left > .p-inputtext {
- padding-left: 1.5rem;
- }
-
- .p-input-icon-left.p-float-label > label {
- left: 1.5rem;
- }
-
- .p-input-icon-right > .p-icon-wrapper,
-.p-input-icon-right > i:last-of-type {
- right: 0.25rem;
- color: #697077;
- }
-
- .p-input-icon-right > .p-inputtext {
- padding-right: 1.5rem;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 1.5rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 1.5rem;
- }
-
- .p-icon-field-right > .p-inputtext {
- padding-right: 1.5rem;
- }
-
- ::-webkit-input-placeholder {
- color: #697077;
- }
-
- :-moz-placeholder {
- color: #697077;
- }
-
- ::-moz-placeholder {
- color: #697077;
- }
-
- :-ms-input-placeholder {
- color: #697077;
- }
-
- .p-input-filled .p-inputtext {
- background-color: #f2f4f8;
- }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #f2f4f8;
- }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #ffffff;
- }
-
- .p-inputtext-sm .p-inputtext {
- font-size: 0.875rem;
- padding: 0.21875rem 0.21875rem;
- }
-
- .p-inputtext-lg .p-inputtext {
- font-size: 1.25rem;
- padding: 0.3125rem 0.3125rem;
- }
-
- .p-listbox {
- background: #ffffff;
- color: #343a3f;
- border: 1px solid #a5acb3;
- border-radius: 1px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-listbox .p-listbox-header {
- padding: 0.25rem 0.5rem;
- border-bottom: 0 none;
- color: #343a3f;
- background: #f2f4f8;
- margin: 0;
- border-top-right-radius: 1px;
- border-top-left-radius: 1px;
- }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.25rem;
- }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.25rem;
- color: #697077;
- }
- .p-listbox .p-listbox-header .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-listbox .p-listbox-list {
- padding: 0.25rem 0;
- outline: 0 none;
- }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.25rem 0.5rem;
- border: 0 none;
- color: #343a3f;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #ffffff;
- background: #44a1d9;
- }
- .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.25rem 0.5rem;
- color: #343a3f;
- background: #ffffff;
- font-weight: 600;
- }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.25rem 0.5rem;
- color: #343a3f;
- background: transparent;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
- background: #1174c0;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #343a3f;
- background: #dde1e6;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #343a3f;
- background: #dde1e6;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: #343a3f;
- background: #dde1e6;
- }
- .p-listbox.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #90c9f5;
- border-color: #1174c0;
- }
-
- p-listbox.ng-dirty.ng-invalid > .p-listbox {
- border-color: #d8222f;
- }
-
- .p-multiselect {
- background: #ffffff;
- border: 1px solid #a5acb3;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 1px;
- }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #1174c0;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #90c9f5;
- border-color: #1174c0;
- }
- .p-multiselect .p-multiselect-label {
- padding: 0.25rem 0.25rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #697077;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.125rem 0.25rem;
- margin-right: 0.5rem;
- background: #dee2e6;
- color: #343a3f;
- 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: #697077;
- width: 2.357rem;
- border-top-right-radius: 1px;
- border-bottom-right-radius: 1px;
- }
- .p-multiselect.p-variant-filled {
- background: #f2f4f8;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #f2f4f8;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
-
- .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.125rem 0.25rem;
- }
-
- .p-multiselect-clearable .p-multiselect-label-container {
- padding-right: 1.25rem;
- }
- .p-multiselect-clearable .p-multiselect-clear-icon {
- color: #697077;
- right: 2.357rem;
- }
-
- .p-multiselect-panel {
- background: #ffffff;
- color: #343a3f;
- border: 0 none;
- border-radius: 1px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.25rem 0.5rem;
- border-bottom: 0 none;
- color: #343a3f;
- background: #f2f4f8;
- margin: 0;
- border-top-right-radius: 1px;
- border-top-left-radius: 1px;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.25rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.25rem;
- color: #697077;
- }
- .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: 1rem;
- height: 1rem;
- color: #878d96;
- 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: #343a3f;
- border-color: #121619;
- background: transparent;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #90c9f5;
- }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.25rem 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.25rem 0.5rem;
- border: 0 none;
- color: #343a3f;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #ffffff;
- background: #44a1d9;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: #1174c0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #343a3f;
- background: #dde1e6;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #343a3f;
- background: #dde1e6;
- }
- .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.25rem 0.5rem;
- color: #343a3f;
- background: #ffffff;
- font-weight: 600;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.25rem 0.5rem;
- color: #343a3f;
- background: transparent;
- }
-
- .p-input-filled .p-multiselect {
- background: #f2f4f8;
- }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: #f2f4f8;
- }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
-
- p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
- border-color: #d8222f;
- }
-
- p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext {
- border-color: #d8222f;
- }
-
- .p-password-panel {
- padding: 0.5rem;
- background: #ffffff;
- color: #343a3f;
- 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: 1px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #dee2e6;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #d8222f;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #f0c135;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #207f3b;
- }
-
- p-password.p-password-clearable .p-password-input {
- padding-right: 1.5rem;
- }
- p-password.p-password-clearable .p-password-clear-icon {
- color: #697077;
- right: 0.25rem;
- }
-
- p-password.p-password-clearable.p-password-mask .p-password-input {
- padding-right: 2.75rem;
- }
- p-password.p-password-clearable.p-password-mask .p-password-clear-icon {
- color: #697077;
- right: 1.5rem;
- }
-
- .p-radiobutton {
- width: 14px;
- height: 14px;
- }
- .p-radiobutton .p-radiobutton-box {
- border: 2px solid #a5acb3;
- background: #ffffff;
- width: 14px;
- height: 14px;
- color: #343a3f;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: #1174c0;
- }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #90c9f5;
- border-color: #1174c0;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 8px;
- height: 8px;
- transition-duration: 0.2s;
- background-color: #ffffff;
- }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #1174c0;
- background: #1174c0;
- }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #0e5d9a;
- background: #0e5d9a;
- color: #ffffff;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #f2f4f8;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #f2f4f8;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight {
- background: #1174c0;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #0e5d9a;
- }
-
- p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
- border-color: #d8222f;
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #f2f4f8;
- }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #f2f4f8;
- }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
- background: #1174c0;
- }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #0e5d9a;
- }
-
- .p-radiobutton-label {
- margin-left: 0.5rem;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- border-radius: 50%;
- outline-color: transparent;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- }
- .p-rating .p-rating-item .p-rating-icon {
- color: #343a3f;
- 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 #90c9f5;
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #1174c0;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #1174c0;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #c0392b;
- }
-
- .p-selectbutton .p-button {
- background: #ffffff;
- border: 1px solid #a5acb3;
- color: #343a3f;
- 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: #697077;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #dde1e6;
- border-color: #a5acb3;
- color: #343a3f;
- }
- .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: #697077;
- }
- .p-selectbutton .p-button.p-highlight {
- background: #1174c0;
- border-color: #1174c0;
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #0f68ad;
- border-color: #0f68ad;
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff;
- }
-
- p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
- border-color: #d8222f;
- }
-
- .p-slider {
- background: #dee2e6;
- border: 0 none;
- border-radius: 1px;
- }
- .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 {
- height: 100%;
- width: 0.286rem;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem;
- }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #ffffff;
- border: 2px solid #1174c0;
- 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 #90c9f5;
- }
- .p-slider .p-slider-range {
- background: #1174c0;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #1174c0;
- border-color: #1174c0;
- }
- .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 #a5acb3;
- color: #343a3f;
- 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: #697077;
- }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #dde1e6;
- border-color: #a5acb3;
- color: #343a3f;
- }
- .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: #697077;
- }
- .p-togglebutton.p-button.p-highlight {
- background: #1174c0;
- border-color: #1174c0;
- color: #ffffff;
- }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #0f68ad;
- border-color: #0f68ad;
- color: #ffffff;
- }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff;
- }
-
- p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
- border-color: #d8222f;
- }
-
- .p-treeselect {
- background: #ffffff;
- border: 1px solid #a5acb3;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 1px;
- }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #1174c0;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #90c9f5;
- border-color: #1174c0;
- }
- .p-treeselect .p-treeselect-label {
- padding: 0.25rem 0.25rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #697077;
- }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.125rem 0.25rem;
- margin-right: 0.5rem;
- background: #dee2e6;
- color: #343a3f;
- border-radius: 16px;
- }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #697077;
- width: 2.357rem;
- border-top-right-radius: 1px;
- border-bottom-right-radius: 1px;
- }
- .p-treeselect.p-variant-filled {
- background-color: #f2f4f8;
- }
- .p-treeselect.p-variant-filled:enabled:hover {
- background-color: #f2f4f8;
- }
- .p-treeselect.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
-
- p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
- border-color: #d8222f;
- }
-
- .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.125rem 0.25rem;
- }
-
- .p-treeselect-panel {
- background: #ffffff;
- color: #343a3f;
- border: 0 none;
- border-radius: 1px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-treeselect-panel .p-treeselect-header {
- padding: 0.25rem 0.5rem;
- border-bottom: 0 none;
- color: #343a3f;
- background: #f2f4f8;
- margin: 0;
- border-top-right-radius: 1px;
- border-top-left-radius: 1px;
- }
- .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.25rem;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
- right: 0.25rem;
- color: #697077;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
- padding-right: 2.5rem;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
- right: 1.5rem;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-close {
- width: 1rem;
- height: 1rem;
- color: #878d96;
- 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: #343a3f;
- border-color: #121619;
- background: transparent;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #90c9f5;
- }
- .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.25rem 0.5rem;
- color: #343a3f;
- background: transparent;
- }
-
- .p-input-filled .p-treeselect {
- background: #f2f4f8;
- }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #f2f4f8;
- }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
-
- p-treeselect.p-treeselect-clearable .p-treeselect-label-container {
- padding-right: 1.25rem;
- }
- p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
- color: #697077;
- right: 2.357rem;
- }
-
- .p-button {
- color: #ffffff;
- background: #1174c0;
- border: 1px solid #1174c0;
- padding: 0.25rem 0.5rem;
- font-size: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 1px;
- outline-color: transparent;
- }
- .p-button:not(:disabled):hover {
- background: #0f68ad;
- color: #ffffff;
- border-color: #0f68ad;
- }
- .p-button:not(:disabled):active {
- background: #0e5d9a;
- color: #ffffff;
- border-color: #0e5d9a;
- }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #1174c0;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(17, 116, 192, 0.04);
- color: #1174c0;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(17, 116, 192, 0.16);
- color: #1174c0;
- border: 1px solid;
- }
- .p-button.p-button-outlined.p-button-plain {
- color: #697077;
- border-color: #697077;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
- background: #dde1e6;
- color: #697077;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
- background: #dee2e6;
- color: #697077;
- }
- .p-button.p-button-text {
- background-color: transparent;
- color: #1174c0;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(17, 116, 192, 0.04);
- color: #1174c0;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(17, 116, 192, 0.16);
- color: #1174c0;
- border-color: transparent;
- }
- .p-button.p-button-text.p-button-plain {
- color: #697077;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):hover {
- background: #dde1e6;
- color: #697077;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):active {
- background: #dee2e6;
- color: #697077;
- }
- .p-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #90c9f5;
- }
- .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: #1174c0;
- background-color: #ffffff;
- }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
- .p-button.p-button-rounded {
- border-radius: 2rem;
- }
- .p-button.p-button-icon-only {
- width: 2.357rem;
- padding: 0.25rem 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.21875rem 0.4375rem;
- }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem;
- }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.3125rem 0.625rem;
- }
- .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-button-group {
- display: flex;
- }
- .p-fluid .p-button-group .p-button {
- flex: 1;
- }
-
- .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
- color: #ffffff;
- background: #697077;
- border: 1px solid #697077;
- }
- .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
- background: #5f656b;
- color: #ffffff;
- border-color: #5f656b;
- }
- .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.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 #c2c6c9;
- }
- .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
- background: #545a5f;
- color: #ffffff;
- border-color: #545a5f;
- }
- .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #697077;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.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(105, 112, 119, 0.04);
- color: #697077;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.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(105, 112, 119, 0.16);
- color: #697077;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #697077;
- border-color: transparent;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.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(105, 112, 119, 0.04);
- border-color: transparent;
- color: #697077;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.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(105, 112, 119, 0.16);
- border-color: transparent;
- color: #697077;
- }
-
- .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
- color: #ffffff;
- background: #107d79;
- border: 1px solid #107d79;
- }
- .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
- background: #0e716d;
- color: #ffffff;
- border-color: #0e716d;
- }
- .p-button.p-button-info:not(:disabled):focus, .p-button-group.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 #7ceeea;
- }
- .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
- background: #0d6461;
- color: #ffffff;
- border-color: #0d6461;
- }
- .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #107d79;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.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(16, 125, 121, 0.04);
- color: #107d79;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.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(16, 125, 121, 0.16);
- color: #107d79;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #107d79;
- border-color: transparent;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.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(16, 125, 121, 0.04);
- border-color: transparent;
- color: #107d79;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.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(16, 125, 121, 0.16);
- border-color: transparent;
- color: #107d79;
- }
-
- .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
- color: #ffffff;
- background: #207f3b;
- border: 1px solid #207f3b;
- }
- .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
- background: #1d7235;
- color: #ffffff;
- border-color: #1d7235;
- }
- .p-button.p-button-success:not(:disabled):focus, .p-button-group.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 #8fe3a7;
- }
- .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
- background: #1a662f;
- color: #ffffff;
- border-color: #1a662f;
- }
- .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #207f3b;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.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(32, 127, 59, 0.04);
- color: #207f3b;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.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(32, 127, 59, 0.16);
- color: #207f3b;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #207f3b;
- border-color: transparent;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.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(32, 127, 59, 0.04);
- border-color: transparent;
- color: #207f3b;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.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(32, 127, 59, 0.16);
- border-color: transparent;
- color: #207f3b;
- }
-
- .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
- color: #212529;
- background: #f0c135;
- border: 1px solid #f0c135;
- }
- .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
- background: #eeb91a;
- color: #212529;
- border-color: #eeb91a;
- }
- .p-button.p-button-warning:not(:disabled):focus, .p-button-group.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 #f9e6ae;
- }
- .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
- background: #daa710;
- color: #212529;
- border-color: #daa710;
- }
- .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #f0c135;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.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(240, 193, 53, 0.04);
- color: #f0c135;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.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(240, 193, 53, 0.16);
- color: #f0c135;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #f0c135;
- border-color: transparent;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.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(240, 193, 53, 0.04);
- border-color: transparent;
- color: #f0c135;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.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(240, 193, 53, 0.16);
- border-color: transparent;
- color: #f0c135;
- }
-
- .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
- color: #ffffff;
- background: #8949f8;
- border: 1px solid #8949f8;
- }
- .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
- background: #752af7;
- color: #ffffff;
- border-color: #752af7;
- }
- .p-button.p-button-help:not(:disabled):focus, .p-button-group.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 #d0b6fc;
- }
- .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
- background: #610bf6;
- color: #ffffff;
- border-color: #610bf6;
- }
- .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #8949f8;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.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(137, 73, 248, 0.04);
- color: #8949f8;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.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(137, 73, 248, 0.16);
- color: #8949f8;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #8949f8;
- border-color: transparent;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.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(137, 73, 248, 0.04);
- border-color: transparent;
- color: #8949f8;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.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(137, 73, 248, 0.16);
- border-color: transparent;
- color: #8949f8;
- }
-
- .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
- color: #ffffff;
- background: #d8222f;
- border: 1px solid #d8222f;
- }
- .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
- background: #c21f2a;
- color: #ffffff;
- border-color: #c21f2a;
- }
- .p-button.p-button-danger:not(:disabled):focus, .p-button-group.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 #f1a5ab;
- }
- .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
- background: #ad1b26;
- color: #ffffff;
- border-color: #ad1b26;
- }
- .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #d8222f;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.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(216, 34, 47, 0.04);
- color: #d8222f;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.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(216, 34, 47, 0.16);
- color: #d8222f;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #d8222f;
- border-color: transparent;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.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(216, 34, 47, 0.04);
- border-color: transparent;
- color: #d8222f;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.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(216, 34, 47, 0.16);
- border-color: transparent;
- color: #d8222f;
- }
-
- .p-button.p-button-link {
- color: #0e5d9a;
- background: transparent;
- border: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #0e5d9a;
- 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 #90c9f5;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #0e5d9a;
- border-color: transparent;
- }
-
- .p-speeddial-button.p-button.p-button-icon-only {
- width: 2.75rem;
- height: 2.75rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .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 #90c9f5;
- }
-
- .p-speeddial-action {
- width: 2.25rem;
- height: 2.25rem;
- background: #343a3f;
- color: #fff;
- }
- .p-speeddial-action:hover {
- background: #21272a;
- 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: 1px;
- }
- .p-splitbutton.p-button-rounded {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-rounded > .p-button {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
- width: 1rem;
- height: 1rem;
- color: #878d96;
- 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: #343a3f;
- border-color: #121619;
- background: transparent;
- }
- .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 #90c9f5;
- }
- .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: #dde1e6;
- 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: #44a1d9;
- color: #ffffff;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-datatable-header {
- background: #f2f4f8;
- color: #343a3f;
- border: 1px solid #dde1e6;
- border-width: 1px 0 1px 0;
- padding: 0.25rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-footer {
- background: #f2f4f8;
- color: #343a3f;
- border: 1px solid #dde1e6;
- border-width: 0 0 1px 0;
- padding: 0.25rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-thead > tr > th {
- text-align: left;
- padding: 0.25rem 1rem;
- border: 1px solid #dde1e6;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #343a3f;
- background: #f2f4f8;
- transition: box-shadow 0.2s;
- }
- .p-datatable .p-datatable-tfoot > tr > td {
- text-align: left;
- padding: 0.25rem 1rem;
- border: 1px solid #dde1e6;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #343a3f;
- background: #f2f4f8;
- }
- .p-datatable .p-sortable-column .p-sortable-column-icon {
- color: #697077;
- 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: #ffffff;
- background: #44a1d9;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover {
- background: #dde1e6;
- color: #343a3f;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #697077;
- }
- .p-datatable .p-sortable-column.p-highlight {
- background: #f2f4f8;
- color: #1174c0;
- }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #1174c0;
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: #dde1e6;
- color: #1174c0;
- }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #1174c0;
- }
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: inset 0 0 0 0.15rem #90c9f5;
- outline: 0 none;
- }
- .p-datatable .p-datatable-tbody > tr {
- background: #ffffff;
- color: #343a3f;
- transition: box-shadow 0.2s;
- }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #dde1e6;
- border-width: 0 0 1px 0;
- padding: 0.25rem 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: 1rem;
- height: 1rem;
- color: #878d96;
- 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: #343a3f;
- border-color: #121619;
- background: transparent;
- }
- .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 #90c9f5;
- }
- .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 #90c9f5;
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #44a1d9;
- color: #ffffff;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #44a1d9;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #44a1d9;
- }
- .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
- background: #dde1e6;
- color: #343a3f;
- }
- .p-datatable .p-column-resizer-helper {
- background: #1174c0;
- }
- .p-datatable .p-datatable-scrollable-header,
-.p-datatable .p-datatable-scrollable-footer {
- background: #f2f4f8;
- }
- .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: #f2f4f8;
- }
- .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: #fcfcfc;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: #44a1d9;
- color: #ffffff;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: #ffffff;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: #ffffff;
- }
- .p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.125rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.125rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.125rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.125rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.125rem 0.5rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-header {
- padding: 0.3125rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 0.3125rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 0.3125rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 0.3125rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 0.3125rem 1.25rem;
- }
-
- .p-dataview .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-dataview-header {
- background: #f2f4f8;
- color: #343a3f;
- border: 1px solid #dde1e6;
- border-width: 1px 0 1px 0;
- padding: 0.25rem 1rem;
- font-weight: 600;
- }
- .p-dataview .p-dataview-content {
- background: #ffffff;
- color: #343a3f;
- border: 0 none;
- padding: 0;
- }
- .p-dataview .p-dataview-footer {
- background: #f2f4f8;
- color: #343a3f;
- border: 1px solid #dde1e6;
- border-width: 0 0 1px 0;
- padding: 0.25rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 1px;
- border-bottom-right-radius: 1px;
- }
- .p-dataview .p-dataview-loading-icon {
- font-size: 2rem;
- }
- .p-dataview .p-dataview-emptymessage {
- padding: 0.5rem;
- }
-
- .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: 1rem;
- height: 1rem;
- color: #878d96;
- 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: #343a3f;
- border-color: #121619;
- background: transparent;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: transparent;
- color: #343a3f;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: #44a1d9;
- color: #ffffff;
- }
- .p-column-filter-menu-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #90c9f5;
- }
-
- .p-column-filter-clear-button {
- width: 1rem;
- height: 1rem;
- color: #878d96;
- 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: #343a3f;
- border-color: #121619;
- background: transparent;
- }
- .p-column-filter-clear-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #90c9f5;
- }
-
- .p-column-filter-overlay {
- background: #ffffff;
- color: #343a3f;
- border: 0 none;
- border-radius: 1px;
- 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);
- min-width: 12.5rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.25rem 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.25rem 0.5rem;
- border: 0 none;
- color: #343a3f;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
- margin-top: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #ffffff;
- background: #44a1d9;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #343a3f;
- background: #dde1e6;
- }
- .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 #90c9f5;
- }
- .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.25rem 0.5rem;
- border-bottom: 0 none;
- color: #343a3f;
- background: #f2f4f8;
- margin: 0;
- border-top-right-radius: 1px;
- border-top-left-radius: 1px;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0.5rem;
- 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: 0.5rem;
- }
-
- .p-orderlist .p-orderlist-controls {
- padding: 0.5rem;
- }
- .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: 1px;
- 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 #90c9f5;
- border-color: #1174c0;
- }
- .p-orderlist .p-orderlist-header {
- color: #343a3f;
- padding: 0.75rem;
- font-weight: 600;
- }
- .p-orderlist .p-orderlist-header .p-orderlist-title {
- font-weight: 600;
- }
- .p-orderlist .p-orderlist-filter-container {
- padding: 0.75rem;
- background: #ffffff;
- border: 1px solid #dee2e6;
- border-bottom: 0 none;
- }
- .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
- padding-right: 1.25rem;
- }
- .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
- right: 0.25rem;
- color: #697077;
- }
- .p-orderlist .p-orderlist-list {
- color: #343a3f;
- padding: 0.25rem 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.25rem 0.5rem;
- margin: 0;
- border: 0 none;
- color: #343a3f;
- background: transparent;
- transition: box-shadow 0.2s;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
- margin-top: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: #dde1e6;
- color: #343a3f;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
- color: #343a3f;
- background: #d2d6db;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #ffffff;
- background: #44a1d9;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: #1174c0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-empty-message {
- padding: 0.25rem 0.5rem;
- color: #343a3f;
- }
- .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover {
- background: #dde1e6;
- color: #343a3f;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
- background: #fcfcfc;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
- background: #dde1e6;
- }
-
- .p-orderlist-item.cdk-drag-preview {
- padding: 0.25rem 0.5rem;
- 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: 0 none;
- color: #343a3f;
- background: #ffffff;
- margin: 0;
- }
-
- .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
- background: #dde1e6;
- color: #343a3f;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight {
- background: #44a1d9;
- color: #ffffff;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #1b5c83;
- }
- .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: #343a3f;
- padding: 0.5rem;
- }
- .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 #90c9f5;
- }
-
- .p-paginator {
- background: #ffffff;
- color: #697077;
- border: solid #dde1e6;
- border-width: 0;
- padding: 0.5rem 1rem;
- border-radius: 1px;
- }
- .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: #697077;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0.143rem;
- transition: box-shadow 0.2s;
- border-radius: 1px;
- }
- .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: #dde1e6;
- border-color: transparent;
- color: #343a3f;
- }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 1px;
- border-bottom-left-radius: 1px;
- }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 1px;
- border-bottom-right-radius: 1px;
- }
- .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: #697077;
- 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: #697077;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0.143rem;
- transition: box-shadow 0.2s;
- border-radius: 1px;
- }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #44a1d9;
- border-color: #44a1d9;
- color: #ffffff;
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: #dde1e6;
- border-color: transparent;
- color: #343a3f;
- }
-
- .p-picklist .p-picklist-buttons {
- padding: 0.5rem;
- }
- .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: 1px;
- 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 #90c9f5;
- border-color: #1174c0;
- }
- .p-picklist .p-picklist-header {
- color: #343a3f;
- padding: 0.75rem;
- font-weight: 600;
- }
- .p-picklist .p-picklist-header .p-picklist-title {
- font-weight: 600;
- }
- .p-picklist .p-picklist-filter-container {
- padding: 0.75rem;
- background: #ffffff;
- border: 1px solid #dee2e6;
- border-bottom: 0 none;
- }
- .p-picklist .p-picklist-filter-container .p-picklist-filter-input {
- padding-right: 1.25rem;
- }
- .p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
- right: 0.25rem;
- color: #697077;
- }
- .p-picklist .p-picklist-list {
- color: #343a3f;
- padding: 0.25rem 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.25rem 0.5rem;
- margin: 0;
- border: 0 none;
- color: #343a3f;
- background: transparent;
- transition: box-shadow 0.2s;
- }
- .p-picklist .p-picklist-list .p-picklist-item:first-child {
- margin-top: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: #dde1e6;
- color: #343a3f;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-focus {
- color: #343a3f;
- background: #d2d6db;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #ffffff;
- background: #44a1d9;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: #1174c0;
- }
- .p-picklist .p-picklist-list .p-picklist-empty-message {
- padding: 0.25rem 0.5rem;
- color: #343a3f;
- }
- .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover {
- background: #dde1e6;
- color: #343a3f;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
- background: #fcfcfc;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
- background: #dde1e6;
- }
-
- .p-picklist-item.cdk-drag-preview {
- padding: 0.25rem 0.5rem;
- 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: 0 none;
- color: #343a3f;
- background: #ffffff;
- margin: 0;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 0 none;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #1174c0;
- }
- .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: #343a3f;
- padding: 0.5rem;
- border-radius: 1px;
- }
- .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 #90c9f5;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 1px;
- transition: box-shadow 0.2s;
- padding: 0.25rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 1rem;
- height: 1rem;
- color: #878d96;
- 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: #343a3f;
- border-color: #121619;
- background: transparent;
- }
- .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 #90c9f5;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #697077;
- }
- .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: #343a3f;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #f2f4f8;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
- background: #1174c0;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
- background-color: #f2f4f8;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
- background: #0e5d9a;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #44a1d9;
- color: #ffffff;
- }
- .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: #ffffff;
- }
- .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: #ffffff;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: #dde1e6;
- color: #343a3f;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
- background: #dde1e6;
- color: #343a3f;
- }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.25rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.25rem;
- color: #697077;
- }
- .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: #2785bd;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content {
- border-radius: 1px;
- border: 1px solid #dee2e6;
- background-color: #ffffff;
- color: #343a3f;
- padding: 0.25rem;
- transition: box-shadow 0.2s;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight {
- background-color: #44a1d9;
- color: #ffffff;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #ffffff;
- }
- .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: #697077;
- 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: #dde1e6;
- color: #343a3f;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #90c9f5;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-treetable-header {
- background: #f2f4f8;
- color: #343a3f;
- border: 1px solid #dde1e6;
- border-width: 1px 0 1px 0;
- padding: 0.25rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-footer {
- background: #f2f4f8;
- color: #343a3f;
- border: 1px solid #dde1e6;
- border-width: 0 0 1px 0;
- padding: 0.25rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-thead > tr > th {
- text-align: left;
- padding: 0.25rem 1rem;
- border: 1px solid #dde1e6;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #343a3f;
- background: #f2f4f8;
- transition: box-shadow 0.2s;
- }
- .p-treetable .p-treetable-tfoot > tr > td {
- text-align: left;
- padding: 0.25rem 1rem;
- border: 1px solid #dde1e6;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #343a3f;
- background: #f2f4f8;
- }
- .p-treetable .p-sortable-column {
- outline-color: #90c9f5;
- }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #697077;
- 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: #ffffff;
- background: #44a1d9;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: #dde1e6;
- color: #343a3f;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #697077;
- }
- .p-treetable .p-sortable-column.p-highlight {
- background: #f2f4f8;
- color: #1174c0;
- }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #1174c0;
- }
- .p-treetable .p-treetable-tbody > tr {
- background: #ffffff;
- color: #343a3f;
- transition: box-shadow 0.2s;
- }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #dde1e6;
- border-width: 0 0 1px 0;
- padding: 0.25rem 1rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 1rem;
- height: 1rem;
- color: #878d96;
- 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: #343a3f;
- border-color: #121619;
- background: transparent;
- }
- .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 #90c9f5;
- }
- .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: #343a3f;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #f2f4f8;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
- background: #1174c0;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
- background-color: #f2f4f8;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
- background: #0e5d9a;
- }
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid #90c9f5;
- outline-offset: -0.15rem;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #44a1d9;
- color: #ffffff;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #ffffff;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #ffffff;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
- background: #dde1e6;
- color: #343a3f;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #343a3f;
- }
- .p-treetable .p-column-resizer-helper {
- background: #1174c0;
- }
- .p-treetable .p-treetable-scrollable-header,
-.p-treetable .p-treetable-scrollable-footer {
- background: #f2f4f8;
- }
- .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.21875rem 0.875rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.125rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.125rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.125rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.125rem 0.5rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-header {
- padding: 0.3125rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 0.3125rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 0.3125rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 0.3125rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 0.3125rem 1.25rem;
- }
-
- .p-virtualscroller .p-virtualscroller-header {
- background: #f2f4f8;
- color: #343a3f;
- border: 1px solid #dde1e6;
- border-width: 1px 0 1px 0;
- padding: 0.25rem 1rem;
- font-weight: 600;
- }
- .p-virtualscroller .p-virtualscroller-content {
- background: #ffffff;
- color: #343a3f;
- border: 0 none;
- padding: 0;
- }
- .p-virtualscroller .p-virtualscroller-footer {
- background: #f2f4f8;
- color: #343a3f;
- border: 1px solid #dde1e6;
- border-width: 0 0 1px 0;
- padding: 0.25rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 1px;
- border-bottom-right-radius: 1px;
- }
-
- .p-accordion .p-accordion-header .p-accordion-header-link {
- padding: 0.75rem;
- border: 1px solid #dee2e6;
- color: #343a3f;
- background: #f2f4f8;
- font-weight: 600;
- border-radius: 1px;
- transition: 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 #90c9f5;
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: #dde1e6;
- border-color: #dee2e6;
- color: #343a3f;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
- background: #f2f4f8;
- border-color: #dee2e6;
- color: #343a3f;
- 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: #dde1e6;
- color: #343a3f;
- }
- .p-accordion .p-accordion-content {
- padding: 0.5rem;
- border: 1px solid #dee2e6;
- background: #ffffff;
- color: #343a3f;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 1px;
- border-bottom-left-radius: 1px;
- }
- .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: 1px;
- border-top-left-radius: 1px;
- }
- .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 1px;
- border-bottom-left-radius: 1px;
- }
- .p-accordion p-accordiontab:last-child .p-accordion-content {
- border-bottom-right-radius: 1px;
- border-bottom-left-radius: 1px;
- }
-
- .p-card {
- background: #ffffff;
- color: #343a3f;
- 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: 1px;
- }
- .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: 400;
- margin-bottom: 0.5rem;
- color: #697077;
- }
- .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: 0.5rem 0;
- padding: 0 0.5rem;
- }
- .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 0.5rem;
- padding: 0.5rem 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: #343a3f;
- border-radius: 1px;
- }
- .p-fieldset .p-fieldset-legend {
- padding: 0.75rem;
- border: 1px solid #dee2e6;
- color: #343a3f;
- background: #f2f4f8;
- font-weight: 600;
- border-radius: 1px;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 0.75rem;
- color: #343a3f;
- border-radius: 1px;
- transition: 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 #90c9f5;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: #dde1e6;
- border-color: #dee2e6;
- color: #343a3f;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0.5rem;
- }
-
- .p-panel .p-panel-header {
- border: 1px solid #dee2e6;
- padding: 0.75rem;
- background: #f2f4f8;
- color: #343a3f;
- border-top-right-radius: 1px;
- border-top-left-radius: 1px;
- }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600;
- }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 1rem;
- height: 1rem;
- color: #878d96;
- 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: #343a3f;
- border-color: #121619;
- background: transparent;
- }
- .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #90c9f5;
- }
- .p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.5rem 1rem;
- }
- .p-panel .p-panel-content {
- padding: 0.5rem;
- border: 1px solid #dee2e6;
- background: #ffffff;
- color: #343a3f;
- border-top: 0 none;
- }
- .p-panel .p-panel-content:last-child {
- border-bottom-right-radius: 1px;
- border-bottom-left-radius: 1px;
- }
- .p-panel .p-panel-footer {
- padding: 0.5rem 1rem;
- border: 1px solid #dee2e6;
- background: #ffffff;
- color: #343a3f;
- border-bottom-right-radius: 1px;
- border-bottom-left-radius: 1px;
- 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: #f2f4f8;
- 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 #90c9f5;
- }
-
- .p-splitter {
- border: 1px solid #dee2e6;
- background: #ffffff;
- border-radius: 1px;
- color: #343a3f;
- }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: #f2f4f8;
- }
- .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 #90c9f5;
- }
- .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: #697077;
- padding: 0.75rem;
- font-weight: 600;
- border-top-right-radius: 1px;
- border-top-left-radius: 1px;
- transition: 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 #90c9f5;
- }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #ffffff;
- border-color: #697077;
- color: #697077;
- }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #ffffff;
- border-color: #1174c0;
- color: #1174c0;
- }
- .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: #1174c0;
- width: 2.357rem;
- 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);
- 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 #90c9f5;
- }
- .p-tabview .p-tabview-panels {
- background: #ffffff;
- padding: 0.5rem;
- border: 0 none;
- color: #343a3f;
- border-bottom-right-radius: 1px;
- border-bottom-left-radius: 1px;
- }
-
- .p-toolbar {
- background: #f2f4f8;
- border: 1px solid #dee2e6;
- padding: 0.75rem;
- border-radius: 1px;
- gap: 0.5rem;
- }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem;
- }
-
- .p-stepper .p-stepper-nav {
- position: relative;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow-x: auto;
- }
-
- .p-stepper-vertical .p-stepper-nav {
- flex-direction: column;
- }
-
- .p-stepper-header {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- align-items: center;
- }
- .p-stepper-header:last-of-type {
- flex: initial;
- }
-
- .p-stepper-header .p-stepper-action {
- border: 0 none;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- cursor: pointer;
- }
- .p-stepper-header .p-stepper-action:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #90c9f5;
- }
-
- .p-stepper.p-stepper-readonly .p-stepper-header {
- cursor: auto;
- }
-
- .p-stepper-header.p-highlight .p-stepper-action {
- cursor: default;
- }
-
- .p-stepper-title {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-stepper-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-stepper-separator {
- flex: 1 1 0;
- }
-
- .p-stepper .p-stepper-nav {
- display: flex;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .p-stepper .p-stepper-header {
- padding: 0.5rem;
- }
- .p-stepper .p-stepper-header .p-stepper-action {
- transition: box-shadow 0.2s;
- border-radius: 1px;
- background: #ffffff;
- outline-color: transparent;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- color: #343a3f;
- border: 1px solid #dde1e6;
- border-width: 2px;
- background: #ffffff;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
- margin-left: 0.5rem;
- color: #697077;
- font-weight: 600;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #90c9f5;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #44a1d9;
- color: #ffffff;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #343a3f;
- }
- .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #90c9f5;
- }
- .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
- background-color: #1174c0;
- }
- .p-stepper .p-stepper-panels {
- background: #ffffff;
- padding: 0.5rem;
- color: #343a3f;
- }
- .p-stepper .p-stepper-separator {
- background-color: #dee2e6;
- width: 100%;
- height: 2px;
- margin-inline-start: 1rem;
- transition: box-shadow 0.2s;
- }
- .p-stepper.p-stepper-vertical {
- display: flex;
- flex-direction: column;
- }
- .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
- display: flex;
- flex: 1 1 auto;
- background: #ffffff;
- color: #343a3f;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel {
- display: flex;
- flex-direction: column;
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
- flex: 1 1 auto;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
- width: 100%;
- padding-left: 1rem;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
- flex: 0 0 auto;
- width: 2px;
- height: auto;
- margin-inline-start: calc(1.75rem + 2px);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
- background-color: #1174c0;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
- padding-left: 3rem;
- }
-
- .p-confirm-popup {
- background: #ffffff;
- color: #343a3f;
- border: 0 none;
- border-radius: 1px;
- 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);
- }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 0.5rem;
- }
- .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: 1px;
- 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;
- }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #ffffff;
- color: #343a3f;
- padding: 0.75rem;
- border-top-right-radius: 1px;
- border-top-left-radius: 1px;
- }
- .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: 1rem;
- height: 1rem;
- color: #878d96;
- 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: #343a3f;
- border-color: #121619;
- background: transparent;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #90c9f5;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0;
- }
- .p-dialog .p-dialog-content {
- background: #ffffff;
- color: #343a3f;
- padding: 0 0.75rem 1rem 0.75rem;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 1px;
- border-bottom-left-radius: 1px;
- }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #ffffff;
- color: #343a3f;
- padding: 0 0.75rem 0.75rem 0.75rem;
- text-align: right;
- border-bottom-right-radius: 1px;
- border-bottom-left-radius: 1px;
- }
- .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: #343a3f;
- border: 0 none;
- border-radius: 1px;
- 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);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0.5rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- background: #1174c0;
- color: #ffffff;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -0.5rem;
- right: -0.5rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #0f68ad;
- color: #ffffff;
- }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff;
- }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #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: #343a3f;
- 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);
- }
- .p-sidebar .p-sidebar-header {
- padding: 0.75rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 1rem;
- height: 1rem;
- color: #878d96;
- 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: #343a3f;
- border-color: #121619;
- background: transparent;
- }
- .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 #90c9f5;
- }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0;
- }
- .p-sidebar .p-sidebar-content {
- padding: 0.5rem;
- }
- .p-sidebar .p-sidebar-footer {
- padding: 0.75rem;
- }
-
- .p-tooltip .p-tooltip-text {
- background: #343a3f;
- color: #ffffff;
- padding: 0.25rem 0.25rem;
- 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: 1px;
- }
- .p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #343a3f;
- }
- .p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #343a3f;
- }
- .p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #343a3f;
- }
- .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #343a3f;
- }
-
- .p-fileupload .p-fileupload-buttonbar {
- background: #f2f4f8;
- padding: 0.75rem;
- border: 1px solid #dee2e6;
- color: #343a3f;
- border-bottom: 0 none;
- border-top-right-radius: 1px;
- border-top-left-radius: 1px;
- }
- .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 #90c9f5;
- }
- .p-fileupload .p-fileupload-content {
- background: #ffffff;
- padding: 2rem 1rem;
- border: 1px solid #dee2e6;
- color: #343a3f;
- border-bottom-right-radius: 1px;
- border-bottom-left-radius: 1px;
- }
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- border-color: 1px dashed #1174c0;
- border-style: dashed;
- background-color: #44a1d9;
- }
- .p-fileupload .p-progressbar {
- height: 0.25rem;
- }
- .p-fileupload .p-fileupload-row > div {
- padding: 0.25rem 1rem;
- }
- .p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0;
- }
-
- .p-fileupload-choose:not(.p-disabled):hover {
- background: #0f68ad;
- color: #ffffff;
- border-color: #0f68ad;
- }
- .p-fileupload-choose:not(.p-disabled):active {
- background: #0e5d9a;
- color: #ffffff;
- border-color: #0e5d9a;
- }
-
- .p-breadcrumb {
- background: #ffffff;
- border: 1px solid #dee2e6;
- border-radius: 1px;
- padding: 0.5rem;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
- transition: box-shadow 0.2s;
- border-radius: 1px;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #90c9f5;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
- color: #343a3f;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
- color: #697077;
- }
- .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
- margin: 0 0.5rem 0 0.5rem;
- color: #343a3f;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
- color: #343a3f;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
- color: #697077;
- }
-
- .p-contextmenu {
- padding: 0.25rem 0;
- background: #ffffff;
- color: #343a3f;
- 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: 1px;
- 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 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: 1px;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: #343a3f;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #343a3f;
- padding: 0.5rem 0.5rem;
- user-select: none;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #343a3f;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #697077;
- margin-right: 0.5rem;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #697077;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #343a3f;
- background: #dde1e6;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #343a3f;
- }
- .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: #697077;
- }
- .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #dde1e6;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #343a3f;
- background: #d2d6db;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #343a3f;
- }
- .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: #343a3f;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #343a3f;
- background: #dde1e6;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #343a3f;
- }
- .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: #697077;
- }
- .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: 1px;
- }
- .p-dock .p-dock-item.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #90c9f5;
- }
- .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: #f2f4f8;
- color: #343a3f;
- border: 1px solid #dee2e6;
- border-radius: 1px;
- }
- .p-megamenu .p-megamenu-root-list {
- outline: 0 none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content {
- color: #343a3f;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #343a3f;
- padding: 0.5rem 0.5rem;
- user-select: none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #343a3f;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #697077;
- margin-right: 0.5rem;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #697077;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #343a3f;
- background: #dde1e6;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #343a3f;
- }
- .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: #697077;
- }
- .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #dde1e6;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #343a3f;
- background: #d2d6db;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #343a3f;
- }
- .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: #343a3f;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #343a3f;
- background: #dde1e6;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #343a3f;
- }
- .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: #697077;
- }
- .p-megamenu .p-megamenu-panel {
- background: #ffffff;
- color: #343a3f;
- 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: 1px;
- }
- .p-megamenu .p-submenu-header {
- margin: 0;
- padding: 0.25rem 0.5rem;
- color: #343a3f;
- background: #ffffff;
- font-weight: 600;
- border-top-right-radius: 1px;
- border-top-left-radius: 1px;
- }
- .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: #343a3f;
- transition: box-shadow 0.2s;
- border-radius: 1px;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.5rem 0.5rem;
- user-select: none;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #343a3f;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #697077;
- 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: #697077;
- 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: #343a3f;
- background: #dde1e6;
- }
- .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: #343a3f;
- }
- .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: #697077;
- }
-
- .p-menu {
- padding: 0.25rem 0;
- background: #ffffff;
- color: #343a3f;
- border: 1px solid #dee2e6;
- border-radius: 1px;
- width: 12.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content {
- color: #343a3f;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #343a3f;
- padding: 0.5rem 0.5rem;
- user-select: none;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #343a3f;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #697077;
- margin-right: 0.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #697077;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #343a3f;
- background: #dde1e6;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #343a3f;
- }
- .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: #697077;
- }
- .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #dde1e6;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #343a3f;
- background: #d2d6db;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #343a3f;
- }
- .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: #343a3f;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #343a3f;
- background: #dde1e6;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #343a3f;
- }
- .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: #697077;
- }
- .p-menu.p-menu-overlay {
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.25rem 0.5rem;
- color: #343a3f;
- 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: #1174c0;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- border-radius: 1px;
- margin-left: 0.5rem;
- padding-left: 0.5rem;
- padding-right: 0.5rem;
- }
-
- .p-menubar {
- padding: 0.5rem;
- background: #f2f4f8;
- color: #343a3f;
- border: 1px solid #dee2e6;
- border-radius: 1px;
- }
- .p-menubar .p-menubar-root-list {
- outline: 0 none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
- color: #343a3f;
- transition: box-shadow 0.2s;
- border-radius: 1px;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.5rem 0.5rem;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #343a3f;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #697077;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #697077;
- margin-left: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #343a3f;
- background: #dde1e6;
- }
- .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: #343a3f;
- }
- .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: #697077;
- }
- .p-menubar .p-menuitem > .p-menuitem-content {
- color: #343a3f;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #343a3f;
- padding: 0.5rem 0.5rem;
- user-select: none;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #343a3f;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #697077;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #697077;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
- color: #343a3f;
- background: #dde1e6;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #343a3f;
- }
- .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: #697077;
- }
- .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #dde1e6;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #343a3f;
- background: #d2d6db;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #343a3f;
- }
- .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: #343a3f;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #343a3f;
- background: #dde1e6;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #343a3f;
- }
- .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: #697077;
- }
- .p-menubar .p-submenu-list {
- padding: 0.25rem 0;
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- width: 12.5rem;
- border-radius: 1px;
- }
- .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: 1rem;
- height: 1rem;
- color: #697077;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-menubar .p-menubar-button:hover {
- color: #697077;
- background: #dde1e6;
- }
- .p-menubar .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #90c9f5;
- }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0.25rem 0;
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- width: 100%;
- }
- .p-menubar .p-menubar-root-list .p-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: 1.5rem;
- }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 2.5rem;
- }
- .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: 3.5rem;
- }
- .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: 4.5rem;
- }
- .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: 5.5rem;
- }
- .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: #343a3f;
- background: #f2f4f8;
- border-radius: 1px;
- transition: box-shadow 0.2s;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #343a3f;
- padding: 0.75rem;
- 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 #90c9f5;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: #dde1e6;
- border-color: #dee2e6;
- color: #343a3f;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
- background: #f2f4f8;
- border-color: #dee2e6;
- color: #343a3f;
- 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: #dde1e6;
- color: #343a3f;
- }
- .p-panelmenu .p-panelmenu-content {
- padding: 0.25rem 0;
- border: 1px solid #dee2e6;
- background: #ffffff;
- color: #343a3f;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 1px;
- border-bottom-left-radius: 1px;
- }
- .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
- color: #343a3f;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #343a3f;
- padding: 0.5rem 0.5rem;
- user-select: none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #343a3f;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #697077;
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #697077;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
- color: #343a3f;
- background: #dde1e6;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #343a3f;
- }
- .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: #697077;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #dde1e6;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #343a3f;
- background: #d2d6db;
- }
- .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: #343a3f;
- }
- .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: #343a3f;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #343a3f;
- background: #dde1e6;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #343a3f;
- }
- .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: #697077;
- }
- .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: 1px;
- border-top-left-radius: 1px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
- border-bottom-right-radius: 1px;
- border-bottom-left-radius: 1px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 1px;
- border-bottom-left-radius: 1px;
- }
-
- .p-slidemenu {
- padding: 0.25rem 0;
- background: #ffffff;
- color: #343a3f;
- border: 1px solid #dee2e6;
- border-radius: 1px;
- 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: #343a3f;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #343a3f;
- padding: 0.5rem 0.5rem;
- user-select: none;
- }
- .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #343a3f;
- }
- .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #697077;
- margin-right: 0.5rem;
- }
- .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #697077;
- }
- .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #343a3f;
- background: #dde1e6;
- }
- .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #343a3f;
- }
- .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: #697077;
- }
- .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #dde1e6;
- }
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #343a3f;
- background: #d2d6db;
- }
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #343a3f;
- }
- .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: #343a3f;
- }
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #343a3f;
- background: #dde1e6;
- }
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #343a3f;
- }
- .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: #697077;
- }
- .p-slidemenu.p-slidemenu-overlay {
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-slidemenu .p-slidemenu-list {
- padding: 0.25rem 0;
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-slidemenu .p-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.5rem 0.5rem;
- color: #343a3f;
- }
- .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #90c9f5;
- }
- .p-slidemenu .p-menuitem-badge {
- background: #1174c0;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- border-radius: 1px;
- margin-left: 0.5rem;
- padding-left: 0.5rem;
- padding-right: 0.5rem;
- }
-
- .p-steps .p-steps-item .p-menuitem-link {
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 1px;
- background: #ffffff;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #343a3f;
- border: 1px solid #dde1e6;
- 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: #697077;
- }
- .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 #90c9f5;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #44a1d9;
- color: #ffffff;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 600;
- color: #343a3f;
- }
- .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: #1174c0;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- border-radius: 1px;
- 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: #697077;
- padding: 0.75rem;
- font-weight: 600;
- border-top-right-radius: 1px;
- border-top-left-radius: 1px;
- transition: 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 #90c9f5;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #ffffff;
- border-color: #697077;
- color: #697077;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #ffffff;
- border-color: #1174c0;
- color: #1174c0;
- }
- .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: #1174c0;
- width: 2.357rem;
- 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);
- 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 #90c9f5;
- }
-
- .p-tieredmenu {
- padding: 0.25rem 0;
- background: #ffffff;
- color: #343a3f;
- border: 1px solid #dee2e6;
- border-radius: 1px;
- width: 12.5rem;
- }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
- .p-tieredmenu .p-submenu-list {
- padding: 0.25rem 0;
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 1px;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: #343a3f;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #343a3f;
- padding: 0.5rem 0.5rem;
- user-select: none;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #343a3f;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #697077;
- margin-right: 0.5rem;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #697077;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #343a3f;
- background: #dde1e6;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #343a3f;
- }
- .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: #697077;
- }
- .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #dde1e6;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #343a3f;
- background: #d2d6db;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #343a3f;
- }
- .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: #343a3f;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #343a3f;
- background: #dde1e6;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #343a3f;
- }
- .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: #697077;
- }
- .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.25rem 0.25rem;
- margin: 0;
- border-radius: 1px;
- }
- .p-inline-message.p-inline-message-info {
- background: #cdf2fb;
- border: solid #11add3;
- border-width: 0px;
- color: #08576a;
- }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #08576a;
- }
- .p-inline-message.p-inline-message-success {
- background: #d7f8d3;
- border: solid #32c620;
- border-width: 0px;
- color: #196310;
- }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #196310;
- }
- .p-inline-message.p-inline-message-warn {
- background: #fef8d6;
- border: solid #e4c306;
- border-width: 0px;
- color: #726203;
- }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #726203;
- }
- .p-inline-message.p-inline-message-error {
- background: #fdded2;
- border: solid #de450a;
- border-width: 0px;
- color: #6f2205;
- }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #6f2205;
- }
- .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: 1px;
- }
- .p-message .p-message-wrapper {
- padding: 1rem 1.5rem;
- }
- .p-message .p-message-close {
- width: 1rem;
- height: 1rem;
- 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 #90c9f5;
- }
- .p-message.p-message-info {
- background: #cdf2fb;
- border: solid #11add3;
- border-width: 0 0 0 6px;
- color: #08576a;
- }
- .p-message.p-message-info .p-message-icon {
- color: #08576a;
- }
- .p-message.p-message-info .p-message-close {
- color: #08576a;
- }
- .p-message.p-message-success {
- background: #d7f8d3;
- border: solid #32c620;
- border-width: 0 0 0 6px;
- color: #196310;
- }
- .p-message.p-message-success .p-message-icon {
- color: #196310;
- }
- .p-message.p-message-success .p-message-close {
- color: #196310;
- }
- .p-message.p-message-warn {
- background: #fef8d6;
- border: solid #e4c306;
- border-width: 0 0 0 6px;
- color: #726203;
- }
- .p-message.p-message-warn .p-message-icon {
- color: #726203;
- }
- .p-message.p-message-warn .p-message-close {
- color: #726203;
- }
- .p-message.p-message-error {
- background: #fdded2;
- border: solid #de450a;
- border-width: 0 0 0 6px;
- color: #6f2205;
- }
- .p-message.p-message-error .p-message-icon {
- color: #6f2205;
- }
- .p-message.p-message-error .p-message-close {
- color: #6f2205;
- }
- .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 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: 1px;
- }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0 0 0 6px;
- }
- .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 #90c9f5;
- }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #cdf2fb;
- border: solid #11add3;
- border-width: 0 0 0 6px;
- color: #08576a;
- }
- .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: #08576a;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #d7f8d3;
- border: solid #32c620;
- border-width: 0 0 0 6px;
- color: #196310;
- }
- .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: #196310;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #fef8d6;
- border: solid #e4c306;
- border-width: 0 0 0 6px;
- color: #726203;
- }
- .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: #726203;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #fdded2;
- border: solid #de450a;
- border-width: 0 0 0 6px;
- color: #6f2205;
- }
- .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: #6f2205;
- }
-
- .p-galleria .p-galleria-close {
- margin: 0.5rem;
- background: transparent;
- color: #f2f4f8;
- 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: #f2f4f8;
- }
- .p-galleria .p-galleria-item-nav {
- background: transparent;
- color: #f2f4f8;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 1px;
- margin: 0 0.5rem;
- }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f2f4f8;
- }
- .p-galleria .p-galleria-caption {
- background: rgba(0, 0, 0, 0.5);
- color: #f2f4f8;
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators {
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #dde1e6;
- 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: #44a1d9;
- color: #ffffff;
- }
- .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: #44a1d9;
- color: #ffffff;
- }
- .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: #f2f4f8;
- 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: #f2f4f8;
- }
- .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 #90c9f5;
- }
-
- .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: 1px;
- }
- .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: #1174c0;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- }
- .p-badge.p-badge-success {
- background-color: #207f3b;
- color: #ffffff;
- }
- .p-badge.p-badge-info {
- background-color: #107d79;
- color: #ffffff;
- }
- .p-badge.p-badge-warning {
- background-color: #f0c135;
- color: #212529;
- }
- .p-badge.p-badge-danger {
- background-color: #d8222f;
- 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: #343a3f;
- border-radius: 16px;
- padding: 0 0.25rem;
- }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.125rem;
- margin-bottom: 0.125rem;
- }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem;
- }
- .p-chip .pi-chip-remove-icon {
- margin-left: 0.5rem;
- }
- .p-chip img {
- width: 1.75rem;
- height: 1.75rem;
- margin-left: -0.25rem;
- margin-right: 0.5rem;
- }
- .p-chip .pi-chip-remove-icon {
- border-radius: 1px;
- 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 #90c9f5;
- }
- .p-chip .pi-chip-remove-icon:focus {
- outline: 0 none;
- }
-
- .p-inplace .p-inplace-display {
- padding: 0.25rem 0.25rem;
- border-radius: 1px;
- 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: #dde1e6;
- color: #343a3f;
- }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #90c9f5;
- }
-
- .p-metergroup {
- display: flex;
- }
-
- .p-metergroup-meters {
- display: flex;
- }
-
- .p-metergroup-vertical .p-metergroup-meters {
- flex-direction: column;
- }
-
- .p-metergroup-labels {
- display: flex;
- flex-wrap: wrap;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-metergroup-vertical .p-metergroup-labels {
- align-items: start;
- }
-
- .p-metergroup-labels-vertical {
- flex-direction: column;
- }
-
- .p-metergroup-label {
- display: inline-flex;
- align-items: center;
- }
-
- .p-metergroup-label-marker {
- display: inline-flex;
- }
-
- .p-metergroup {
- gap: 1rem;
- }
- .p-metergroup .p-metergroup-meters {
- background: #dee2e6;
- border-radius: 1px;
- }
- .p-metergroup .p-metergroup-meter {
- border: 0 none;
- background: #1174c0;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
- background: #1174c0;
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 100%;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
- gap: 1rem;
- }
- .p-metergroup.p-metergroup-horizontal {
- flex-direction: column;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
- height: 0.5rem;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
- border-top-left-radius: 1px;
- border-bottom-left-radius: 1px;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
- border-top-right-radius: 1px;
- border-bottom-right-radius: 1px;
- }
- .p-metergroup.p-metergroup-vertical {
- flex-direction: row;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
- width: 0.5rem;
- height: 100%;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
- border-top-left-radius: 1px;
- border-top-right-radius: 1px;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
- border-bottom-left-radius: 1px;
- border-bottom-right-radius: 1px;
- }
-
- .p-progressbar {
- border: 0 none;
- height: 1.5rem;
- background: #dee2e6;
- border-radius: 1px;
- }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #1174c0;
- }
- .p-progressbar .p-progressbar-label {
- color: #ffffff;
- line-height: 1.5rem;
- }
-
- .p-scrolltop {
- width: 2rem;
- height: 2rem;
- border-radius: 1px;
- 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, 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: 1rem;
- color: #f2f4f8;
- }
- .p-scrolltop .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-skeleton {
- background-color: #dde1e6;
- border-radius: 1px;
- }
- .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: #1174c0;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 1px;
- }
- .p-tag.p-tag-success {
- background-color: #207f3b;
- color: #ffffff;
- }
- .p-tag.p-tag-info {
- background-color: #107d79;
- color: #ffffff;
- }
- .p-tag.p-tag-warning {
- background-color: #f0c135;
- color: #212529;
- }
- .p-tag.p-tag-danger {
- background-color: #d8222f;
- 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: #343a3f;
- border: 1px solid #dee2e6;
- padding: 0.5rem;
- }
- .p-terminal .p-terminal-input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- }
-}
diff --git a/client/src/assets/components/themes/nova-accent/theme.css b/client/src/assets/components/themes/nova-accent/theme.css
deleted file mode 100644
index 456b28dc..00000000
--- a/client/src/assets/components/themes/nova-accent/theme.css
+++ /dev/null
@@ -1,6392 +0,0 @@
-: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: #007ad9;
- --primary-color-text: #ffffff;
- --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: 0.571rem 1rem;
- --inline-spacing: 0.5rem;
- --border-radius: 3px;
- --surface-ground: #f4f4f4;
- --surface-section: #ffffff;
- --surface-card: #ffffff;
- --surface-overlay: #ffffff;
- --surface-border: #c8c8c8;
- --surface-hover: #eaeaea;
- --maskbg: rgba(0, 0, 0, 0.4);
- --highlight-bg: #e02365;
- --highlight-text-color: #ffffff;
- --focus-ring: 0 0 0 0.2rem #8dcdff;
- color-scheme: light;
-}
-
-:root {
- --blue-50:#f3f8fc;
- --blue-100:#c6dcef;
- --blue-200:#98c1e3;
- --blue-300:#6ba5d7;
- --blue-400:#3d8aca;
- --blue-500:#106ebe;
- --blue-600:#0e5ea2;
- --blue-700:#0b4d85;
- --blue-800:#093d69;
- --blue-900:#062c4c;
- --green-50:#f7fbf6;
- --green-100:#d6ead1;
- --green-200:#b6d9ad;
- --green-300:#96c889;
- --green-400:#76b765;
- --green-500:#56a641;
- --green-600:#498d37;
- --green-700:#3c742e;
- --green-800:#2f5b24;
- --green-900:#22421a;
- --yellow-50:#fffcf5;
- --yellow-100:#fdefcd;
- --yellow-200:#fbe3a6;
- --yellow-300:#f9d67f;
- --yellow-400:#f8ca57;
- --yellow-500:#f6bd30;
- --yellow-600:#d1a129;
- --yellow-700:#ac8422;
- --yellow-800:#87681a;
- --yellow-900:#624c13;
- --cyan-50:#f4fbfd;
- --cyan-100:#ccebf5;
- --cyan-200:#a4dbed;
- --cyan-300:#7ccce5;
- --cyan-400:#54bcdd;
- --cyan-500:#2cacd5;
- --cyan-600:#2592b5;
- --cyan-700:#1f7895;
- --cyan-800:#185f75;
- --cyan-900:#124555;
- --pink-50:#fdf4f9;
- --pink-100:#f6cce0;
- --pink-200:#eea3c7;
- --pink-300:#e77aae;
- --pink-400:#df5296;
- --pink-500:#d8297d;
- --pink-600:#b8236a;
- --pink-700:#971d58;
- --pink-800:#771745;
- --pink-900:#561032;
- --indigo-50:#f4f6fd;
- --indigo-100:#ccd3f5;
- --indigo-200:#a4b0ed;
- --indigo-300:#7c8de5;
- --indigo-400:#546add;
- --indigo-500:#2c47d5;
- --indigo-600:#253cb5;
- --indigo-700:#1f3295;
- --indigo-800:#182775;
- --indigo-900:#121c55;
- --teal-50:#f6fbfa;
- --teal-100:#d1eae5;
- --teal-200:#add9d1;
- --teal-300:#89c8bd;
- --teal-400:#65b7a8;
- --teal-500:#41a694;
- --teal-600:#378d7e;
- --teal-700:#2e7468;
- --teal-800:#245b51;
- --teal-900:#1a423b;
- --orange-50:#fff9f5;
- --orange-100:#fde4cd;
- --orange-200:#fbcfa6;
- --orange-300:#f9ba7f;
- --orange-400:#f8a457;
- --orange-500:#f68f30;
- --orange-600:#d17a29;
- --orange-700:#ac6422;
- --orange-800:#874f1a;
- --orange-900:#623913;
- --bluegray-50:#f7f8f9;
- --bluegray-100:#dae0e3;
- --bluegray-200:#bdc7cd;
- --bluegray-300:#a0aeb6;
- --bluegray-400:#8295a0;
- --bluegray-500:#657c8a;
- --bluegray-600:#566975;
- --bluegray-700:#475761;
- --bluegray-800:#38444c;
- --bluegray-900:#283237;
- --purple-50:#f9f8fd;
- --purple-100:#e1dff7;
- --purple-200:#cac5f1;
- --purple-300:#b2abeb;
- --purple-400:#9b92e4;
- --purple-500:#8378de;
- --purple-600:#6f66bd;
- --purple-700:#5c549b;
- --purple-800:#48427a;
- --purple-900:#343059;
- --red-50:#fdf4f3;
- --red-100:#f6ccc6;
- --red-200:#eea39a;
- --red-300:#e77b6d;
- --red-400:#df5240;
- --red-500:#d82a13;
- --red-600:#b82410;
- --red-700:#971d0d;
- --red-800:#77170a;
- --red-900:#561108;
- --primary-50:#f2f8fd;
- --primary-100:#c2dff6;
- --primary-200:#91c6ef;
- --primary-300:#61ade7;
- --primary-400:#3093e0;
- --primary-500:#007ad9;
- --primary-600:#0068b8;
- --primary-700:#005598;
- --primary-800:#004377;
- --primary-900:#003157;
-}
-
-.p-editor-container .p-editor-toolbar {
- background: #007ad9;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
-}
-.p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #007ad9;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #848484;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #848484;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #848484;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #333333;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #333333;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #333333;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #333333;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #333333;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #333333;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- padding: 0;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #333333;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #333333;
- background: #eaeaea;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.429rem 0.857rem;
-}
-.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 #c8c8c8;
-}
-.p-editor-container .p-editor-content .ql-editor {
- background: #ffffff;
- color: #333333;
- 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: #333333;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #333333;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #333333;
-}
-.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: #007ad9;
-}
-.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: #007ad9;
-}
-.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: #007ad9;
-}
-.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: #007ad9;
-}
-
-@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.5;
- }
-
- .p-error {
- color: #a80000;
- }
-
- .p-text-secondary {
- color: #848484;
- }
-
- .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 #8dcdff;
- }
-
- .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.429rem;
- }
- .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 2.786rem;
- }
- .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
- border-color: #212121;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9;
- }
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.2145rem 0.429rem;
- gap: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.2145rem 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: #333333;
- padding: 0;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.2145rem 0.429rem;
- background: #c8c8c8;
- color: #333333;
- 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: #bababa;
- color: #333333;
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #a80000;
- }
-
- .p-autocomplete-panel {
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #ffffff;
- background: #e02365;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: #e02365;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #333333;
- background: #d6d6d6;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
- color: #333333;
- background: #eaeaea;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #333333;
- background: #f4f4f4;
- font-weight: 700;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message {
- padding: 0.429rem 0.857rem;
- color: #333333;
- background: transparent;
- }
-
- p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
- border-color: #a80000;
- }
-
- p-autocomplete.p-autocomplete-clearable .p-inputtext {
- padding-right: 1.858rem;
- }
- p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon {
- color: #848484;
- right: 0.429rem;
- }
-
- p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon {
- color: #848484;
- right: 2.786rem;
- }
-
- p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
- border-color: #a80000;
- }
-
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9;
- }
-
- .p-datepicker {
- padding: 0.857rem;
- background: #ffffff;
- color: #333333;
- border: 1px solid #a6a6a6;
- border-radius: 3px;
- }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #ffffff;
- }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: #333333;
- background: #ffffff;
- font-weight: 700;
- margin: 0;
- border-bottom: 0 none;
- 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: #a6a6a6;
- 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: #007ad9;
- border-color: transparent;
- background: transparent;
- }
- .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 #8dcdff;
- }
- .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: #333333;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- font-weight: 700;
- 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: #007ad9;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem;
- }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.857rem 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: 3px;
- transition: background-color 0.2s, box-shadow 0.2s;
- border: 1px solid transparent;
- }
- .p-datepicker table td > span.p-highlight {
- color: #ffffff;
- background: #e02365;
- }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
- .p-datepicker table td.p-datepicker-today > span {
- background: #d0d0d0;
- color: #333333;
- border-color: transparent;
- }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #ffffff;
- background: #e02365;
- }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 0.857rem 0 0.429rem 0;
- border-top: 1px solid #d8dae2;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto;
- }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #d8dae2;
- padding: 0.857rem 0 0.429rem 0;
- }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- 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: #007ad9;
- border-color: transparent;
- background: transparent;
- }
- .p-datepicker .p-timepicker button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
- .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.857rem 0;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #ffffff;
- background: #e02365;
- }
- .p-datepicker .p-yearpicker {
- margin: 0.857rem 0;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year {
- padding: 0.5rem;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
- color: #ffffff;
- background: #e02365;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-left: 1px solid #d8dae2;
- padding-right: 0.857rem;
- padding-left: 0.857rem;
- 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: #eaeaea;
- }
- .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 #8dcdff;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
- background: #eaeaea;
- }
- .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 #8dcdff;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
- background: #eaeaea;
- }
- .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 #8dcdff;
- }
-
- p-calendar.p-calendar-clearable .p-inputtext {
- padding-right: 1.858rem;
- }
- p-calendar.p-calendar-clearable .p-calendar-clear-icon {
- color: #848484;
- right: 0.429rem;
- }
-
- p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon {
- color: #848484;
- right: 2.786rem;
- }
-
- @media screen and (max-width: 769px) {
- .p-datepicker table th, .p-datepicker table td {
- padding: 0.25rem;
- }
- }
- .p-cascadeselect {
- background: #ffffff;
- border: 1px solid #a6a6a6;
- 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: #212121;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9;
- }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.429rem 0.429rem;
- }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #666666;
- }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #848484;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #a80000;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #f4f4f4;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #f4f4f4;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #f4f4f4;
- }
-
- .p-cascadeselect-panel {
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #ffffff;
- background: #e02365;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: #e02365;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #333333;
- background: #d6d6d6;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #333333;
- background: #eaeaea;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.429rem 0.857rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem;
- }
-
- .p-input-filled .p-cascadeselect {
- background: #f4f4f4;
- }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: #f4f4f4;
- }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
- background-color: #f4f4f4;
- }
-
- p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect {
- border-color: #a80000;
- }
-
- p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label {
- padding-right: 0.429rem;
- }
- p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon {
- color: #848484;
- 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: 1px solid #a6a6a6;
- background: #ffffff;
- width: 20px;
- height: 20px;
- color: #333333;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #ffffff;
- font-size: 14px;
- }
- .p-checkbox .p-checkbox-box .p-icon {
- width: 14px;
- height: 14px;
- }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #007ad9;
- background: #007ad9;
- }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: #212121;
- }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9;
- }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #005b9f;
- background: #005b9f;
- color: #ffffff;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #f4f4f4;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
- background: #007ad9;
- }
- .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #f4f4f4;
- }
- .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #005b9f;
- }
-
- p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
- border-color: #a80000;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #f4f4f4;
- }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #007ad9;
- }
- .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #f4f4f4;
- }
- .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #005b9f;
- }
-
- .p-checkbox-label {
- margin-left: 0.5rem;
- }
-
- p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
- border-color: #a80000;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #212121;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9;
- }
- .p-chips .p-chips-multiple-container {
- padding: 0.2145rem 0.429rem;
- gap: 0.5rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #c8c8c8;
- color: #333333;
- border-radius: 16px;
- }
- .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
- background: #bababa;
- color: #333333;
- }
- .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.2145rem 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: #333333;
- padding: 0;
- margin: 0;
- }
-
- p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
- border-color: #a80000;
- }
-
- p-chips.p-chips-clearable .p-inputtext {
- padding-right: 1.429rem;
- }
- p-chips.p-chips-clearable .p-chips-clear-icon {
- color: #848484;
- right: 0.429rem;
- }
-
- .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.16);
- }
-
- .p-dropdown {
- background: #ffffff;
- border: 1px solid #a6a6a6;
- 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: #212121;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9;
- }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.429rem;
- }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none;
- }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #666666;
- }
- .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: #848484;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: #848484;
- right: 2.357rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #a80000;
- }
- .p-dropdown.p-variant-filled {
- background-color: #f4f4f4;
- }
- .p-dropdown.p-variant-filled:enabled:hover {
- background-color: #f4f4f4;
- }
- .p-dropdown.p-variant-filled:enabled:focus {
- background-color: #f4f4f4;
- }
-
- .p-dropdown-panel {
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #eaeaea;
- color: #333333;
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.429rem;
- margin-right: -1.429rem;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.429rem;
- color: #848484;
- }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #ffffff;
- background: #e02365;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: #e02365;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #333333;
- background: #d6d6d6;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- color: #333333;
- background: #eaeaea;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #333333;
- background: #f4f4f4;
- font-weight: 700;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.429rem 0.857rem;
- color: #333333;
- background: transparent;
- }
-
- .p-input-filled .p-dropdown {
- background: #f4f4f4;
- }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: #f4f4f4;
- }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
- background-color: #f4f4f4;
- }
- .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: #a80000;
- }
-
- .p-icon-field .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-inputgroup-addon {
- background: #eaeaea;
- color: #848484;
- border-top: 1px solid #a6a6a6;
- border-left: 1px solid #a6a6a6;
- border-bottom: 1px solid #a6a6a6;
- padding: 0.429rem 0.429rem;
- min-width: 2.357rem;
- }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #a6a6a6;
- }
-
- .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-icon-field-left .p-input-icon:first-of-type {
- left: 0.429rem;
- color: #848484;
- }
-
- .p-icon-field-right .p-input-icon:last-of-type {
- right: 0.429rem;
- color: #848484;
- }
-
- p-inputmask.ng-dirty.ng-invalid > .p-inputtext {
- border-color: #a80000;
- }
-
- p-inputmask.p-inputmask-clearable .p-inputtext {
- padding-right: 1.858rem;
- }
- p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon {
- color: #848484;
- right: 0.429rem;
- }
-
- .p-inputmask.p-variant-filled {
- background-color: #f4f4f4;
- }
- .p-inputmask.p-variant-filled:enabled:hover {
- background-color: #f4f4f4;
- }
- .p-inputmask.p-variant-filled:enabled:focus {
- background-color: #f4f4f4;
- }
-
- p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
- border-color: #a80000;
- }
-
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-input {
- padding-right: 1.858rem;
- }
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon {
- color: #848484;
- right: 0.429rem;
- }
-
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon {
- right: 2.786rem;
- }
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon {
- right: 2.786rem;
- }
-
- p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #f4f4f4;
- }
- p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #f4f4f4;
- }
- p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #f4f4f4;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 1.858rem;
- }
-
- .p-inputswitch {
- width: 3rem;
- height: 1.75rem;
- }
- .p-inputswitch .p-inputswitch-slider {
- background: #cccccc;
- 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 #8dcdff;
- }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: #b7b7b7;
- }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: #007ad9;
- }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: #cccccc;
- }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: #116fbf;
- }
-
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
- border-color: #a80000;
- }
-
- .p-inputtext {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #333333;
- background: #ffffff;
- padding: 0.429rem 0.429rem;
- border: 1px solid #a6a6a6;
- 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: #212121;
- }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9;
- }
- .p-inputtext.ng-dirty.ng-invalid {
- border-color: #a80000;
- }
- .p-inputtext.p-variant-filled {
- background-color: #f4f4f4;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #f4f4f4;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #f4f4f4;
- }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.375375rem 0.375375rem;
- }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.53625rem 0.53625rem;
- }
-
- .p-float-label > label {
- left: 0.429rem;
- color: #666666;
- transition-duration: 0.2s;
- }
-
- .p-float-label > .ng-invalid.ng-dirty + label {
- color: #a80000;
- }
-
- .p-input-icon-left > .p-icon-wrapper.p-icon,
-.p-input-icon-left > i:first-of-type {
- left: 0.429rem;
- color: #848484;
- }
-
- .p-input-icon-left > .p-inputtext {
- padding-left: 1.858rem;
- }
-
- .p-input-icon-left.p-float-label > label {
- left: 1.858rem;
- }
-
- .p-input-icon-right > .p-icon-wrapper,
-.p-input-icon-right > i:last-of-type {
- right: 0.429rem;
- color: #848484;
- }
-
- .p-input-icon-right > .p-inputtext {
- padding-right: 1.858rem;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 1.858rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 1.858rem;
- }
-
- .p-icon-field-right > .p-inputtext {
- padding-right: 1.858rem;
- }
-
- ::-webkit-input-placeholder {
- color: #666666;
- }
-
- :-moz-placeholder {
- color: #666666;
- }
-
- ::-moz-placeholder {
- color: #666666;
- }
-
- :-ms-input-placeholder {
- color: #666666;
- }
-
- .p-input-filled .p-inputtext {
- background-color: #f4f4f4;
- }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #f4f4f4;
- }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #f4f4f4;
- }
-
- .p-inputtext-sm .p-inputtext {
- font-size: 0.875rem;
- padding: 0.375375rem 0.375375rem;
- }
-
- .p-inputtext-lg .p-inputtext {
- font-size: 1.25rem;
- padding: 0.53625rem 0.53625rem;
- }
-
- .p-listbox {
- background: #ffffff;
- color: #333333;
- border: 1px solid #a6a6a6;
- 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.429rem 0.857rem;
- border-bottom: 1px solid #eaeaea;
- color: #333333;
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.429rem;
- }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.429rem;
- color: #848484;
- }
- .p-listbox .p-listbox-header .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-listbox .p-listbox-list {
- padding: 0;
- outline: 0 none;
- }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #333333;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #ffffff;
- background: #e02365;
- }
- .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.857rem;
- color: #333333;
- background: #f4f4f4;
- font-weight: 700;
- }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.429rem 0.857rem;
- color: #333333;
- background: transparent;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
- background: #e02365;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #333333;
- background: #eaeaea;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #333333;
- background: #eaeaea;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: #333333;
- background: #eaeaea;
- }
- .p-listbox.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9;
- }
-
- p-listbox.ng-dirty.ng-invalid > .p-listbox {
- border-color: #a80000;
- }
-
- .p-multiselect {
- background: #ffffff;
- border: 1px solid #a6a6a6;
- 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: #212121;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9;
- }
- .p-multiselect .p-multiselect-label {
- padding: 0.429rem 0.429rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #666666;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #c8c8c8;
- color: #333333;
- 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: #848484;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-multiselect.p-variant-filled {
- background: #f4f4f4;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #f4f4f4;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #f4f4f4;
- }
-
- .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.2145rem 0.429rem;
- }
-
- .p-multiselect-clearable .p-multiselect-label-container {
- padding-right: 1.429rem;
- }
- .p-multiselect-clearable .p-multiselect-clear-icon {
- color: #848484;
- right: 2.357rem;
- }
-
- .p-multiselect-panel {
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #eaeaea;
- color: #333333;
- background: #ffffff;
- 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.429rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.429rem;
- color: #848484;
- }
- .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: #a6a6a6;
- 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: #007ad9;
- border-color: transparent;
- background: transparent;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #ffffff;
- background: #e02365;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: #e02365;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #333333;
- background: #eaeaea;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #333333;
- background: #eaeaea;
- }
- .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.857rem;
- color: #333333;
- background: #f4f4f4;
- font-weight: 700;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.429rem 0.857rem;
- color: #333333;
- background: transparent;
- }
-
- .p-input-filled .p-multiselect {
- background: #f4f4f4;
- }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: #f4f4f4;
- }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
- background-color: #f4f4f4;
- }
-
- p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
- border-color: #a80000;
- }
-
- p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext {
- border-color: #a80000;
- }
-
- .p-password-panel {
- padding: 0.571rem 1rem;
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #eaeaea;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #e91224;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #ffba01;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #34a835;
- }
-
- p-password.p-password-clearable .p-password-input {
- padding-right: 1.858rem;
- }
- p-password.p-password-clearable .p-password-clear-icon {
- color: #848484;
- right: 0.429rem;
- }
-
- p-password.p-password-clearable.p-password-mask .p-password-input {
- padding-right: 3.287rem;
- }
- p-password.p-password-clearable.p-password-mask .p-password-clear-icon {
- color: #848484;
- right: 1.858rem;
- }
-
- .p-radiobutton {
- width: 20px;
- height: 20px;
- }
- .p-radiobutton .p-radiobutton-box {
- border: 1px solid #a6a6a6;
- background: #ffffff;
- width: 20px;
- height: 20px;
- color: #333333;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: #212121;
- }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.2s;
- background-color: #ffffff;
- }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #007ad9;
- background: #007ad9;
- }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #005b9f;
- background: #005b9f;
- color: #ffffff;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #f4f4f4;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #f4f4f4;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight {
- background: #007ad9;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #005b9f;
- }
-
- p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
- border-color: #a80000;
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #f4f4f4;
- }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #f4f4f4;
- }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
- background: #007ad9;
- }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #005b9f;
- }
-
- .p-radiobutton-label {
- margin-left: 0.5rem;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- border-radius: 50%;
- outline-color: transparent;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- }
- .p-rating .p-rating-item .p-rating-icon {
- color: #333333;
- 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: #e4018d;
- }
- .p-rating .p-rating-item.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #007ad9;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #007ad9;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #b5019f;
- }
-
- .p-selectbutton .p-button {
- background: #dadada;
- border: 1px solid #dadada;
- color: #333333;
- 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: #666666;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #c8c8c8;
- border-color: #c8c8c8;
- color: #333333;
- }
- .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: #212121;
- }
- .p-selectbutton .p-button.p-highlight {
- background: #007ad9;
- border-color: #007ad9;
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #116fbf;
- border-color: #116fbf;
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff;
- }
-
- p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
- border-color: #a80000;
- }
-
- .p-slider {
- background: #c8c8c8;
- 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 {
- height: 100%;
- width: 0.286rem;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem;
- }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #ffffff;
- border: 2px solid #666666;
- border-radius: 100%;
- 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 #8dcdff;
- }
- .p-slider .p-slider-range {
- background: #007ad9;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #666666;
- border-color: #007ad9;
- }
- .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: #dadada;
- border: 1px solid #dadada;
- color: #333333;
- 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: #666666;
- }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #c8c8c8;
- border-color: #c8c8c8;
- color: #333333;
- }
- .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: #212121;
- }
- .p-togglebutton.p-button.p-highlight {
- background: #007ad9;
- border-color: #007ad9;
- color: #ffffff;
- }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #116fbf;
- border-color: #116fbf;
- color: #ffffff;
- }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff;
- }
-
- p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
- border-color: #a80000;
- }
-
- .p-treeselect {
- background: #ffffff;
- border: 1px solid #a6a6a6;
- 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: #212121;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9;
- }
- .p-treeselect .p-treeselect-label {
- padding: 0.429rem 0.429rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #666666;
- }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #c8c8c8;
- color: #333333;
- border-radius: 16px;
- }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #848484;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-treeselect.p-variant-filled {
- background-color: #f4f4f4;
- }
- .p-treeselect.p-variant-filled:enabled:hover {
- background-color: #f4f4f4;
- }
- .p-treeselect.p-variant-filled:enabled:focus {
- background-color: #f4f4f4;
- }
-
- p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
- border-color: #a80000;
- }
-
- .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.2145rem 0.429rem;
- }
-
- .p-treeselect-panel {
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-treeselect-panel .p-treeselect-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #eaeaea;
- color: #333333;
- background: #ffffff;
- 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.429rem;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
- right: 0.429rem;
- color: #848484;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
- padding-right: 2.858rem;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
- right: 1.858rem;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-close {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- 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: #007ad9;
- border-color: transparent;
- background: transparent;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
- .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.429rem 0.857rem;
- color: #333333;
- background: transparent;
- }
-
- .p-input-filled .p-treeselect {
- background: #f4f4f4;
- }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #f4f4f4;
- }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #f4f4f4;
- }
-
- p-treeselect.p-treeselect-clearable .p-treeselect-label-container {
- padding-right: 1.429rem;
- }
- p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
- color: #848484;
- right: 2.357rem;
- }
-
- .p-button {
- color: #ffffff;
- background: #007ad9;
- border: 1px solid #007ad9;
- padding: 0.429rem 1rem;
- font-size: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- outline-color: transparent;
- }
- .p-button:not(:disabled):hover {
- background: #116fbf;
- color: #ffffff;
- border-color: #116fbf;
- }
- .p-button:not(:disabled):active {
- background: #005b9f;
- color: #ffffff;
- border-color: #005b9f;
- }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #007ad9;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(0, 122, 217, 0.04);
- color: #007ad9;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(0, 122, 217, 0.16);
- color: #007ad9;
- border: 1px solid;
- }
- .p-button.p-button-outlined.p-button-plain {
- color: #848484;
- border-color: #848484;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
- background: #eaeaea;
- color: #848484;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
- background: #d2d2d2;
- color: #848484;
- }
- .p-button.p-button-text {
- background-color: transparent;
- color: #007ad9;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(0, 122, 217, 0.04);
- color: #007ad9;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(0, 122, 217, 0.16);
- color: #007ad9;
- border-color: transparent;
- }
- .p-button.p-button-text.p-button-plain {
- color: #848484;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):hover {
- background: #eaeaea;
- color: #848484;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):active {
- background: #d2d2d2;
- color: #848484;
- }
- .p-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
- .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: #007ad9;
- background-color: #ffffff;
- }
- .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.429rem 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.375375rem 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.53625rem 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-button-group {
- display: flex;
- }
- .p-fluid .p-button-group .p-button {
- flex: 1;
- }
-
- .p-button.p-button-secondary, .p-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
- color: #ffffff;
- background: #007ad9;
- border: 1px solid #007ad9;
- }
- .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
- background: #116fbf;
- color: #ffffff;
- border-color: #116fbf;
- }
- .p-button.p-button-info:not(:disabled):focus, .p-button-group.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 #8dcdff;
- }
- .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
- background: #005b9f;
- color: #ffffff;
- border-color: #005b9f;
- }
- .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #007ad9;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.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(0, 122, 217, 0.04);
- color: #007ad9;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.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(0, 122, 217, 0.16);
- color: #007ad9;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #007ad9;
- border-color: transparent;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.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(0, 122, 217, 0.04);
- border-color: transparent;
- color: #007ad9;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.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(0, 122, 217, 0.16);
- border-color: transparent;
- color: #007ad9;
- }
-
- .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
- color: #ffffff;
- background: #34a835;
- border: 1px solid #34a835;
- }
- .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
- background: #107d11;
- color: #ffffff;
- border-color: #107d11;
- }
- .p-button.p-button-success:not(:disabled):focus, .p-button-group.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 #aae5aa;
- }
- .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
- background: #0c6b0d;
- color: #ffffff;
- border-color: #0c6b0d;
- }
- .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #34a835;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.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(52, 168, 53, 0.04);
- color: #34a835;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.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(52, 168, 53, 0.16);
- color: #34a835;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #34a835;
- border-color: transparent;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.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(52, 168, 53, 0.04);
- border-color: transparent;
- color: #34a835;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.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(52, 168, 53, 0.16);
- border-color: transparent;
- color: #34a835;
- }
-
- .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
- color: #333333;
- background: #ffba01;
- border: 1px solid #ffba01;
- }
- .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
- background: #ed990b;
- color: #333333;
- border-color: #ed990b;
- }
- .p-button.p-button-warning:not(:disabled):focus, .p-button-group.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 #ffeab4;
- }
- .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
- background: #d38b10;
- color: #333333;
- border-color: #d38b10;
- }
- .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ffba01;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.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, 186, 1, 0.04);
- color: #ffba01;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.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, 186, 1, 0.16);
- color: #ffba01;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #ffba01;
- border-color: transparent;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.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, 186, 1, 0.04);
- border-color: transparent;
- color: #ffba01;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.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, 186, 1, 0.16);
- border-color: transparent;
- color: #ffba01;
- }
-
- .p-button.p-button-help, .p-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
- color: #ffffff;
- background: #e91224;
- border: 1px solid #e91224;
- }
- .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
- background: #c01120;
- color: #ffffff;
- border-color: #c01120;
- }
- .p-button.p-button-danger:not(:disabled):focus, .p-button-group.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 #f9b4ba;
- }
- .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
- background: #a90000;
- color: #ffffff;
- border-color: #a90000;
- }
- .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #e91224;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.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(233, 18, 36, 0.04);
- color: #e91224;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.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(233, 18, 36, 0.16);
- color: #e91224;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #e91224;
- border-color: transparent;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.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(233, 18, 36, 0.04);
- border-color: transparent;
- color: #e91224;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.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(233, 18, 36, 0.16);
- border-color: transparent;
- color: #e91224;
- }
-
- .p-button.p-button-link {
- color: #005b9f;
- background: transparent;
- border: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #005b9f;
- 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 #8dcdff;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #005b9f;
- 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 #8dcdff;
- }
-
- .p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: #324249;
- color: #fff;
- }
- .p-speeddial-action:hover {
- background: #222c31;
- 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-rounded {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-rounded > .p-button {
- border-radius: 2rem;
- }
- .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-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- 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: #007ad9;
- border-color: transparent;
- background: transparent;
- }
- .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 #8dcdff;
- }
- .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: #f4f4f4;
- 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: #eaeaea;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: #e02365;
- color: #ffffff;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 1px 1px 0 1px;
- border-radius: 0;
- }
- .p-datatable .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- border-radius: 0;
- }
- .p-datatable .p-datatable-header {
- background: #007ad9;
- color: #ffffff;
- border: 1px solid #007ad9;
- border-width: 1px 1px 0 1px;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-datatable .p-datatable-footer {
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-width: 0 1px 1px 1px;
- padding: 0.571rem 1rem;
- font-weight: normal;
- }
- .p-datatable .p-datatable-thead > tr > th {
- text-align: left;
- padding: 0.571rem 0.857rem;
- border: 1px solid #c8c8c8;
- border-width: 1px 1px 1px 1px;
- font-weight: 700;
- color: #333333;
- background: #f4f4f4;
- transition: background-color 0.2s, box-shadow 0.2s;
- }
- .p-datatable .p-datatable-tfoot > tr > td {
- text-align: left;
- padding: 0.571rem 0.857rem;
- border: 1px solid #c8c8c8;
- border-width: 1px;
- font-weight: 700;
- color: #333333;
- background: #f4f4f4;
- }
- .p-datatable .p-sortable-column .p-sortable-column-icon {
- color: #848484;
- 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: #ffffff;
- background: #e02365;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover {
- background: #e0e0e0;
- color: #333333;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #333333;
- }
- .p-datatable .p-sortable-column.p-highlight {
- background: #e02365;
- color: #ffffff;
- }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #ffffff;
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: #e02365;
- color: #ffffff;
- }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #ffffff;
- }
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: inset 0 0 0 0.15rem #8dcdff;
- outline: 0 none;
- }
- .p-datatable .p-datatable-tbody > tr {
- background: #ffffff;
- color: #333333;
- transition: background-color 0.2s, box-shadow 0.2s;
- }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #c8c8c8;
- border-width: 1px;
- padding: 0.571rem 0.857rem;
- }
- .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: #a6a6a6;
- 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: #007ad9;
- border-color: transparent;
- background: transparent;
- }
- .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 #8dcdff;
- }
- .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 #8dcdff;
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #e02365;
- color: #ffffff;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #e02365;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #e02365;
- }
- .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
- background: #eaeaea;
- color: #333333;
- }
- .p-datatable .p-column-resizer-helper {
- background: #007ad9;
- }
- .p-datatable .p-datatable-scrollable-header,
-.p-datatable .p-datatable-scrollable-footer {
- background: #007ad9;
- }
- .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: #f4f4f4;
- }
- .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: #f9f9f9;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: #e02365;
- color: #ffffff;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: #ffffff;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: #ffffff;
- }
- .p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.72845rem 0.85rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.48535rem 0.72845rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.48535rem 0.72845rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.48535rem 0.85rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.48535rem 0.85rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.07125rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 0.71375rem 1.07125rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 0.71375rem 1.07125rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 0.71375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 0.71375rem 1.25rem;
- }
-
- .p-dataview .p-paginator-top {
- border-width: 1px 1px 0 1px;
- border-radius: 0;
- }
- .p-dataview .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- border-radius: 0;
- }
- .p-dataview .p-dataview-header {
- background: #007ad9;
- color: #ffffff;
- border: 1px solid #007ad9;
- border-width: 1px 1px 0 1px;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-dataview .p-dataview-content {
- background: #ffffff;
- color: #333333;
- border: 0 none;
- padding: 0;
- }
- .p-dataview .p-dataview-footer {
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-width: 0 1px 1px 1px;
- padding: 0.571rem 1rem;
- font-weight: normal;
- 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: 0.571rem 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: #a6a6a6;
- 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: #007ad9;
- border-color: transparent;
- background: transparent;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: transparent;
- color: #007ad9;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: #e02365;
- color: #ffffff;
- }
- .p-column-filter-menu-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
-
- .p-column-filter-clear-button {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- 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: #007ad9;
- border-color: transparent;
- background: transparent;
- }
- .p-column-filter-clear-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
-
- .p-column-filter-overlay {
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- min-width: 12.5rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
- margin-top: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #ffffff;
- background: #e02365;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #333333;
- background: #eaeaea;
- }
- .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 #8dcdff;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #d8dae2;
- margin: 0;
- }
-
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #eaeaea;
- color: #333333;
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0.571rem 1rem;
- border-bottom: 1px solid #d8dae2;
- }
- .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.571rem 1rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0.571rem 1rem;
- }
-
- .p-orderlist .p-orderlist-controls {
- padding: 0.571rem 1rem;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem;
- }
- .p-orderlist .p-orderlist-list-container {
- background: #ffffff;
- border: 1px solid #c8c8c8;
- 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 #8dcdff;
- border-color: #007ad9;
- }
- .p-orderlist .p-orderlist-header {
- color: #ffffff;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-orderlist .p-orderlist-header .p-orderlist-title {
- font-weight: 700;
- }
- .p-orderlist .p-orderlist-filter-container {
- padding: 0.857rem 1rem;
- background: #ffffff;
- border: 1px solid #007ad9;
- border-bottom: 0 none;
- }
- .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
- padding-right: 1.429rem;
- }
- .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
- right: 0.429rem;
- color: #848484;
- }
- .p-orderlist .p-orderlist-list {
- color: #333333;
- padding: 0;
- outline: 0 none;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border-top: 1px solid #c8c8c8;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.429rem 0.857rem;
- margin: 0;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: background-color 0.2s, box-shadow 0.2s;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
- margin-top: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: #eaeaea;
- color: #333333;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
- color: #333333;
- background: #d6d6d6;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #ffffff;
- background: #e02365;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: #e02365;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-empty-message {
- padding: 0.429rem 0.857rem;
- color: #333333;
- }
- .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover {
- background: #eaeaea;
- color: #333333;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
- background: #f9f9f9;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
- background: #eaeaea;
- }
-
- .p-orderlist-item.cdk-drag-preview {
- padding: 0.429rem 0.857rem;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border: 0 none;
- color: #333333;
- background: #ffffff;
- margin: 0;
- }
-
- .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
- background: #eaeaea;
- color: #333333;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight {
- background: #e02365;
- color: #ffffff;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #731033;
- }
- .p-organizationchart .p-organizationchart-line-down {
- background: #c8c8c8;
- }
- .p-organizationchart .p-organizationchart-line-left {
- border-right: 1px solid #c8c8c8;
- border-color: #c8c8c8;
- }
- .p-organizationchart .p-organizationchart-line-top {
- border-top: 1px solid #c8c8c8;
- border-color: #c8c8c8;
- }
- .p-organizationchart .p-organizationchart-node-content {
- border: 1px solid #c8c8c8;
- background: #ffffff;
- color: #333333;
- padding: 0.571rem 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 #8dcdff;
- }
-
- .p-paginator {
- background: #f4f4f4;
- color: #333333;
- border: solid #c8c8c8;
- border-width: 1px;
- padding: 0;
- 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: #848484;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .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: #e0e0e0;
- border-color: transparent;
- color: #333333;
- }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
- .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: #848484;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- padding: 0 0.5rem;
- }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: #848484;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #e02365;
- border-color: #e02365;
- color: #ffffff;
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: #e0e0e0;
- border-color: transparent;
- color: #333333;
- }
-
- .p-picklist .p-picklist-buttons {
- padding: 0.571rem 1rem;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem;
- }
- .p-picklist .p-picklist-list-wrapper {
- background: #ffffff;
- border: 1px solid #c8c8c8;
- 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 #8dcdff;
- border-color: #007ad9;
- }
- .p-picklist .p-picklist-header {
- color: #ffffff;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-picklist .p-picklist-header .p-picklist-title {
- font-weight: 700;
- }
- .p-picklist .p-picklist-filter-container {
- padding: 0.857rem 1rem;
- background: #ffffff;
- border: 1px solid #007ad9;
- border-bottom: 0 none;
- }
- .p-picklist .p-picklist-filter-container .p-picklist-filter-input {
- padding-right: 1.429rem;
- }
- .p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
- right: 0.429rem;
- color: #848484;
- }
- .p-picklist .p-picklist-list {
- color: #333333;
- padding: 0;
- outline: 0 none;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border-top: 1px solid #c8c8c8;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.429rem 0.857rem;
- margin: 0;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: background-color 0.2s, box-shadow 0.2s;
- }
- .p-picklist .p-picklist-list .p-picklist-item:first-child {
- margin-top: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: #eaeaea;
- color: #333333;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-focus {
- color: #333333;
- background: #d6d6d6;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #ffffff;
- background: #e02365;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: #e02365;
- }
- .p-picklist .p-picklist-list .p-picklist-empty-message {
- padding: 0.429rem 0.857rem;
- color: #333333;
- }
- .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover {
- background: #eaeaea;
- color: #333333;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
- background: #f9f9f9;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
- background: #eaeaea;
- }
-
- .p-picklist-item.cdk-drag-preview {
- padding: 0.429rem 0.857rem;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border: 0 none;
- color: #333333;
- background: #ffffff;
- margin: 0;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 0 none;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #e02365;
- }
- .p-timeline .p-timeline-event-connector {
- background-color: #c8c8c8;
- }
- .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 #c8c8c8;
- background: #ffffff;
- color: #333333;
- padding: 0.571rem 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 #8dcdff;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s;
- padding: 0;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- 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: #007ad9;
- border-color: transparent;
- background: transparent;
- }
- .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 #8dcdff;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #848484;
- }
- .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: #333333;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #f4f4f4;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
- background: #007ad9;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
- background-color: #f4f4f4;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
- background: #005b9f;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #e02365;
- color: #ffffff;
- }
- .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: #ffffff;
- }
- .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: #ffffff;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: #eaeaea;
- color: #333333;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
- background: #eaeaea;
- color: #333333;
- }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.429rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.429rem;
- color: #848484;
- }
- .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: #b61a50;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content {
- border-radius: 3px;
- border: 1px solid #c8c8c8;
- background-color: #ffffff;
- color: #333333;
- padding: 0;
- transition: background-color 0.2s, box-shadow 0.2s;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight {
- background-color: #e02365;
- color: #ffffff;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #ffffff;
- }
- .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: #848484;
- 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: #eaeaea;
- color: #333333;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 1px 1px 0 1px;
- border-radius: 0;
- }
- .p-treetable .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- border-radius: 0;
- }
- .p-treetable .p-treetable-header {
- background: #007ad9;
- color: #ffffff;
- border: 1px solid #007ad9;
- border-width: 1px 1px 0 1px;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-treetable .p-treetable-footer {
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-width: 0 1px 1px 1px;
- padding: 0.571rem 1rem;
- font-weight: normal;
- }
- .p-treetable .p-treetable-thead > tr > th {
- text-align: left;
- padding: 0.571rem 0.857rem;
- border: 1px solid #c8c8c8;
- border-width: 1px 1px 1px 1px;
- font-weight: 700;
- color: #333333;
- background: #f4f4f4;
- transition: background-color 0.2s, box-shadow 0.2s;
- }
- .p-treetable .p-treetable-tfoot > tr > td {
- text-align: left;
- padding: 0.571rem 0.857rem;
- border: 1px solid #c8c8c8;
- border-width: 1px;
- font-weight: 700;
- color: #333333;
- background: #f4f4f4;
- }
- .p-treetable .p-sortable-column {
- outline-color: #8dcdff;
- }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #848484;
- 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: #ffffff;
- background: #e02365;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: #e0e0e0;
- color: #333333;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #333333;
- }
- .p-treetable .p-sortable-column.p-highlight {
- background: #e02365;
- color: #ffffff;
- }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #ffffff;
- }
- .p-treetable .p-treetable-tbody > tr {
- background: #ffffff;
- color: #333333;
- transition: background-color 0.2s, box-shadow 0.2s;
- }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #c8c8c8;
- border-width: 1px;
- padding: 0.571rem 0.857rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- 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: #007ad9;
- border-color: transparent;
- background: transparent;
- }
- .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 #8dcdff;
- }
- .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: #333333;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #f4f4f4;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
- background: #007ad9;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
- background-color: #f4f4f4;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
- background: #005b9f;
- }
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid #8dcdff;
- outline-offset: -0.15rem;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #e02365;
- color: #ffffff;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #ffffff;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #ffffff;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
- background: #eaeaea;
- color: #333333;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #333333;
- }
- .p-treetable .p-column-resizer-helper {
- background: #007ad9;
- }
- .p-treetable .p-treetable-scrollable-header,
-.p-treetable .p-treetable-scrollable-footer {
- background: #007ad9;
- }
- .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.749875rem 0.875rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.48535rem 0.72845rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.48535rem 0.72845rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.48535rem 0.85rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.48535rem 0.85rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.07125rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 0.71375rem 1.07125rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 0.71375rem 1.07125rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 0.71375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 0.71375rem 1.25rem;
- }
-
- .p-virtualscroller .p-virtualscroller-header {
- background: #007ad9;
- color: #ffffff;
- border: 1px solid #007ad9;
- border-width: 1px 1px 0 1px;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-virtualscroller .p-virtualscroller-content {
- background: #ffffff;
- color: #333333;
- border: 0 none;
- padding: 0;
- }
- .p-virtualscroller .p-virtualscroller-footer {
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-width: 0 1px 1px 1px;
- padding: 0.571rem 1rem;
- font-weight: normal;
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
- }
-
- .p-accordion .p-accordion-header .p-accordion-header-link {
- padding: 0.857rem 1rem;
- border: 1px solid #007ad9;
- color: #ffffff;
- background: #007ad9;
- font-weight: 700;
- border-radius: 3px;
- transition: background-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 #8dcdff;
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: #dbdbdb;
- border-color: #dbdbdb;
- color: #333333;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
- background: #007ad9;
- border-color: #007ad9;
- color: #ffffff;
- 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: #005b9f;
- background: #005b9f;
- color: #ffffff;
- }
- .p-accordion .p-accordion-content {
- padding: 0.571rem 1rem;
- border: 1px solid #c8c8c8;
- background: #ffffff;
- color: #333333;
- 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: 2px;
- }
-
- .p-card {
- background: #ffffff;
- color: #333333;
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
- 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: #848484;
- }
- .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 #c8c8c8;
- }
- .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 #c8c8c8;
- }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0;
- }
-
- .p-fieldset {
- border: 1px solid #c8c8c8;
- background: #ffffff;
- color: #333333;
- border-radius: 3px;
- }
- .p-fieldset .p-fieldset-legend {
- padding: 0.857rem 1rem;
- border: 1px solid #007ad9;
- color: #ffffff;
- background: #007ad9;
- font-weight: 700;
- 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: 0.857rem 1rem;
- color: #ffffff;
- border-radius: 3px;
- transition: background-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 #8dcdff;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: #dbdbdb;
- border-color: #dbdbdb;
- color: #333333;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0.571rem 1rem;
- }
-
- .p-panel .p-panel-header {
- border: 1px solid #007ad9;
- padding: 0.857rem 1rem;
- background: #007ad9;
- color: #ffffff;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 700;
- }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- 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: #007ad9;
- border-color: transparent;
- background: transparent;
- }
- .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
- .p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.857rem 1rem;
- }
- .p-panel .p-panel-content {
- padding: 0.571rem 1rem;
- border: 1px solid #c8c8c8;
- background: #ffffff;
- color: #333333;
- 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.571rem 1rem;
- border: 1px solid #c8c8c8;
- background: #ffffff;
- color: #333333;
- 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: #f8f8f8;
- 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 #8dcdff;
- }
-
- .p-splitter {
- border: 1px solid #c8c8c8;
- background: #ffffff;
- border-radius: 3px;
- color: #333333;
- }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: #eaeaea;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #d8dae2;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
- .p-splitter .p-splitter-gutter-resizing {
- background: #d8dae2;
- }
-
- .p-tabview .p-tabview-nav-content {
- scroll-padding-inline: 2.357rem;
- }
- .p-tabview .p-tabview-nav {
- background: transparent;
- border: 0 none;
- border-width: 1px;
- }
- .p-tabview .p-tabview-nav li {
- margin-right: 2px;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: 1px solid #007ad9;
- border-width: 1px;
- border-color: #007ad9;
- background: #007ad9;
- color: #ffffff;
- padding: 0.857rem 1rem;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s;
- margin: 0 0 -1px 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 #8dcdff;
- }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #dbdbdb;
- border-color: #dbdbdb;
- color: #333333;
- }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #007ad9;
- border-color: #007ad9;
- color: #ffffff;
- }
- .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: #007ad9;
- color: #ffffff;
- 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 #8dcdff;
- }
- .p-tabview .p-tabview-panels {
- background: #ffffff;
- padding: 0.571rem 1rem;
- border: 1px solid #c8c8c8;
- color: #333333;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
-
- .p-toolbar {
- background: #007ad9;
- border: 1px solid #007ad9;
- padding: 0.857rem 1rem;
- border-radius: 3px;
- gap: 0.5rem;
- }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem;
- }
-
- .p-stepper .p-stepper-nav {
- position: relative;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow-x: auto;
- }
-
- .p-stepper-vertical .p-stepper-nav {
- flex-direction: column;
- }
-
- .p-stepper-header {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- align-items: center;
- }
- .p-stepper-header:last-of-type {
- flex: initial;
- }
-
- .p-stepper-header .p-stepper-action {
- border: 0 none;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- cursor: pointer;
- }
- .p-stepper-header .p-stepper-action:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
-
- .p-stepper.p-stepper-readonly .p-stepper-header {
- cursor: auto;
- }
-
- .p-stepper-header.p-highlight .p-stepper-action {
- cursor: default;
- }
-
- .p-stepper-title {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-stepper-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-stepper-separator {
- flex: 1 1 0;
- }
-
- .p-stepper .p-stepper-nav {
- display: flex;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .p-stepper .p-stepper-header {
- padding: 0.5rem;
- }
- .p-stepper .p-stepper-header .p-stepper-action {
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- background: #ffffff;
- outline-color: transparent;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- color: #333333;
- border: 1px solid #dee2e6;
- border-width: 2px;
- background: #ffffff;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
- margin-left: 0.5rem;
- color: #848484;
- font-weight: 700;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #e02365;
- color: #ffffff;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #333333;
- }
- .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
- .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
- background-color: #007ad9;
- }
- .p-stepper .p-stepper-panels {
- background: #ffffff;
- padding: 0.571rem 1rem;
- color: #333333;
- }
- .p-stepper .p-stepper-separator {
- background-color: #c8c8c8;
- width: 100%;
- height: 2px;
- margin-inline-start: 1rem;
- transition: background-color 0.2s, box-shadow 0.2s;
- }
- .p-stepper.p-stepper-vertical {
- display: flex;
- flex-direction: column;
- }
- .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
- display: flex;
- flex: 1 1 auto;
- background: #ffffff;
- color: #333333;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel {
- display: flex;
- flex-direction: column;
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
- flex: 1 1 auto;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
- width: 100%;
- padding-left: 1rem;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
- flex: 0 0 auto;
- width: 2px;
- height: auto;
- margin-inline-start: calc(1.75rem + 2px);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
- background-color: #007ad9;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
- padding-left: 3rem;
- }
-
- .p-confirm-popup {
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-radius: 3px;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 0.571rem 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0.571rem 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(200, 200, 200, 0);
- border-bottom-color: #c8c8c8;
- }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #ffffff;
- }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #c8c8c8;
- }
- .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 6px 0 rgba(0, 0, 0, 0.16);
- border: 1px solid #c8c8c8;
- }
- .p-dialog .p-dialog-header {
- border-bottom: 1px solid #007ad9;
- background: #007ad9;
- color: #ffffff;
- padding: 1rem;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 700;
- font-size: 1rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- 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: #007ad9;
- border-color: transparent;
- background: transparent;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0;
- }
- .p-dialog .p-dialog-content {
- background: #ffffff;
- color: #333333;
- padding: 1rem;
- }
- .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 #c8c8c8;
- background: #ffffff;
- color: #333333;
- padding: 0.571rem 1rem;
- 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: #333333;
- border: 1px solid #c8c8c8;
- border-radius: 3px;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0.571rem 1rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- background: #007ad9;
- color: #ffffff;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #116fbf;
- color: #ffffff;
- }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff;
- }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(200, 200, 200, 0);
- border-bottom-color: #bebebe;
- }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #ffffff;
- }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #c8c8c8;
- }
-
- .p-sidebar {
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-sidebar .p-sidebar-header {
- padding: 0.857rem 1rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- 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: #007ad9;
- border-color: transparent;
- background: transparent;
- }
- .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 #8dcdff;
- }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0;
- }
- .p-sidebar .p-sidebar-content {
- padding: 0.571rem 1rem;
- }
- .p-sidebar .p-sidebar-footer {
- padding: 0.857rem 1rem;
- }
-
- .p-tooltip .p-tooltip-text {
- background: #333333;
- color: #ffffff;
- padding: 0.429rem 0.429rem;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- }
- .p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #333333;
- }
- .p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #333333;
- }
- .p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #333333;
- }
- .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #333333;
- }
-
- .p-fileupload .p-fileupload-buttonbar {
- background: #007ad9;
- padding: 0.857rem 1rem;
- border: 1px solid #007ad9;
- color: #ffffff;
- 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 #8dcdff;
- }
- .p-fileupload .p-fileupload-content {
- background: #ffffff;
- padding: 0.571rem 1rem;
- border: 1px solid #c8c8c8;
- color: #333333;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- border-color: 1px dashed #007ad9;
- border-style: dashed;
- background-color: #e02365;
- }
- .p-fileupload .p-progressbar {
- height: 0.25rem;
- }
- .p-fileupload .p-fileupload-row > div {
- padding: 0.571rem 0.857rem;
- }
- .p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0;
- }
-
- .p-fileupload-choose:not(.p-disabled):hover {
- background: #116fbf;
- color: #ffffff;
- border-color: #116fbf;
- }
- .p-fileupload-choose:not(.p-disabled):active {
- background: #005b9f;
- color: #ffffff;
- border-color: #005b9f;
- }
-
- .p-breadcrumb {
- background: #ffffff;
- border: 1px solid #c8c8c8;
- border-radius: 3px;
- padding: 0.571rem 1rem;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
- transition: background-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 #8dcdff;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- }
- .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
- margin: 0 0.5rem 0 0.5rem;
- color: #333333;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
- color: #333333;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
- color: #333333;
- }
-
- .p-contextmenu {
- padding: 0;
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- width: 12.5rem;
- }
- .p-contextmenu .p-contextmenu-root-list {
- outline: 0 none;
- }
- .p-contextmenu .p-submenu-list {
- padding: 0;
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: #333333;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #333333;
- padding: 0.857rem;
- user-select: none;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #333333;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #333333;
- background: #eaeaea;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #eaeaea;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #333333;
- background: #d6d6d6;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #333333;
- background: #eaeaea;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-contextmenu .p-menuitem-separator {
- border-top: 1px solid #d8dae2;
- margin: 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 #8dcdff;
- }
- .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: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-radius: 3px;
- }
- .p-megamenu .p-megamenu-root-list {
- outline: 0 none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content {
- color: #333333;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #333333;
- padding: 0.857rem;
- user-select: none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #333333;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #333333;
- background: #eaeaea;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #eaeaea;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #333333;
- background: #d6d6d6;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #333333;
- background: #eaeaea;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-megamenu .p-megamenu-panel {
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- }
- .p-megamenu .p-submenu-header {
- margin: 0;
- padding: 0.857rem;
- color: #333333;
- background: #f4f4f4;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-megamenu .p-submenu-list {
- padding: 0;
- width: 12.5rem;
- }
- .p-megamenu .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #d8dae2;
- margin: 0;
- }
- .p-megamenu.p-megamenu-vertical {
- width: 12.5rem;
- padding: 0;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
- color: #333333;
- transition: background-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.857rem;
- user-select: none;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- 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: #333333;
- 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: #333333;
- background: #eaeaea;
- }
- .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: #333333;
- }
- .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: #333333;
- }
-
- .p-menu {
- padding: 0;
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-radius: 3px;
- width: 12.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content {
- color: #333333;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #333333;
- padding: 0.857rem;
- user-select: none;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #333333;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #333333;
- background: #eaeaea;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #eaeaea;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #333333;
- background: #d6d6d6;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #333333;
- background: #eaeaea;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-menu.p-menu-overlay {
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.857rem;
- color: #333333;
- background: #f4f4f4;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-menu .p-menuitem-separator {
- border-top: 1px solid #d8dae2;
- margin: 0;
- }
- .p-menu .p-menuitem-badge {
- background: #007ad9;
- color: #ffffff;
- 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: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-radius: 3px;
- }
- .p-menubar .p-menubar-root-list {
- outline: 0 none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
- color: #333333;
- transition: background-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.857rem;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #333333;
- margin-left: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #333333;
- background: #eaeaea;
- }
- .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: #333333;
- }
- .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: #333333;
- }
- .p-menubar .p-menuitem > .p-menuitem-content {
- color: #333333;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #333333;
- padding: 0.857rem;
- user-select: none;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #333333;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
- color: #333333;
- background: #eaeaea;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #eaeaea;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #333333;
- background: #d6d6d6;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #333333;
- background: #eaeaea;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-menubar .p-submenu-list {
- padding: 0;
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- width: 12.5rem;
- border-radius: 3px;
- }
- .p-menubar .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #d8dae2;
- margin: 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: #333333;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-menubar .p-menubar-button:hover {
- color: #333333;
- background: #eaeaea;
- }
- .p-menubar .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0;
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- width: 100%;
- }
- .p-menubar .p-menubar-root-list .p-menuitem-separator {
- border-top: 1px solid #d8dae2;
- margin: 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.571rem;
- }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 4.285rem;
- }
- .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.999rem;
- }
- .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: 7.713rem;
- }
- .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: 9.427rem;
- }
- .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 #007ad9;
- color: #ffffff;
- background: #007ad9;
- border-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #ffffff;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .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 #8dcdff;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: #dbdbdb;
- border-color: #dbdbdb;
- color: #333333;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
- background: #007ad9;
- border-color: #007ad9;
- color: #ffffff;
- 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: #005b9f;
- background: #005b9f;
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content {
- padding: 0;
- border: 1px solid #c8c8c8;
- background: #ffffff;
- color: #333333;
- 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: #333333;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #333333;
- padding: 0.857rem;
- user-select: none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #333333;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
- color: #333333;
- background: #eaeaea;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #eaeaea;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #333333;
- background: #d6d6d6;
- }
- .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: #333333;
- }
- .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: #333333;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #333333;
- background: #eaeaea;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .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 #d8dae2;
- margin: 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: 2px;
- }
-
- .p-slidemenu {
- padding: 0;
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- 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: #333333;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #333333;
- padding: 0.857rem;
- user-select: none;
- }
- .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem;
- }
- .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #333333;
- }
- .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #333333;
- background: #eaeaea;
- }
- .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #eaeaea;
- }
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #333333;
- background: #d6d6d6;
- }
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #333333;
- background: #eaeaea;
- }
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-slidemenu.p-slidemenu-overlay {
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-slidemenu .p-slidemenu-list {
- padding: 0;
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-slidemenu .p-menuitem-separator {
- border-top: 1px solid #d8dae2;
- margin: 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.857rem;
- color: #333333;
- }
- .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff;
- }
- .p-slidemenu .p-menuitem-badge {
- background: #007ad9;
- color: #ffffff;
- 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, box-shadow 0.2s;
- border-radius: 3px;
- background: #ffffff;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #333333;
- border: 1px solid #dee2e6;
- 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: #848484;
- }
- .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 #8dcdff;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #e02365;
- color: #ffffff;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 700;
- color: #333333;
- }
- .p-steps .p-steps-item:before {
- content: " ";
- border-top: 1px solid #d8dae2;
- width: 100%;
- top: 50%;
- left: 0;
- display: block;
- position: absolute;
- margin-top: -1rem;
- }
-
- .p-tabmenu .p-tabmenu-nav {
- background: transparent;
- border: 0 none;
- border-width: 1px;
- }
- .p-tabmenu .p-tabmenu-nav .p-menuitem-badge {
- background: #007ad9;
- color: #ffffff;
- 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: 2px;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: 1px solid #007ad9;
- border-width: 1px;
- border-color: #007ad9;
- background: #007ad9;
- color: #ffffff;
- padding: 0.857rem 1rem;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s;
- margin: 0 0 -1px 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 #8dcdff;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #dbdbdb;
- border-color: #dbdbdb;
- color: #333333;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #007ad9;
- border-color: #007ad9;
- color: #ffffff;
- }
- .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: #007ad9;
- color: #ffffff;
- 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 #8dcdff;
- }
-
- .p-tieredmenu {
- padding: 0;
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-radius: 3px;
- width: 12.5rem;
- }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
- .p-tieredmenu .p-submenu-list {
- padding: 0;
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: #333333;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #333333;
- padding: 0.857rem;
- user-select: none;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #333333;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #333333;
- background: #eaeaea;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #eaeaea;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #333333;
- background: #d6d6d6;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #333333;
- background: #eaeaea;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-tieredmenu .p-menuitem-separator {
- border-top: 1px solid #d8dae2;
- margin: 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;
- margin: 0;
- border-radius: 3px;
- }
- .p-inline-message.p-inline-message-info {
- background: #7fbcec;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #212121;
- }
- .p-inline-message.p-inline-message-success {
- background: #b7d8b7;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #212121;
- }
- .p-inline-message.p-inline-message-warn {
- background: #ffe399;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #212121;
- }
- .p-inline-message.p-inline-message-error {
- background: #f8b7bd;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #212121;
- }
- .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;
- }
- .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 #8dcdff;
- }
- .p-message.p-message-info {
- background: #7fbcec;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-message.p-message-info .p-message-icon {
- color: #212121;
- }
- .p-message.p-message-info .p-message-close {
- color: #212121;
- }
- .p-message.p-message-success {
- background: #b7d8b7;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-message.p-message-success .p-message-icon {
- color: #212121;
- }
- .p-message.p-message-success .p-message-close {
- color: #212121;
- }
- .p-message.p-message-warn {
- background: #ffe399;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-message.p-message-warn .p-message-icon {
- color: #212121;
- }
- .p-message.p-message-warn .p-message-close {
- color: #212121;
- }
- .p-message.p-message-error {
- background: #f8b7bd;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-message.p-message-error .p-message-icon {
- color: #212121;
- }
- .p-message.p-message-error .p-message-close {
- color: #212121;
- }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: normal;
- }
- .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 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 0.5rem;
- }
- .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 #8dcdff;
- }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #7fbcec;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .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: #212121;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #b7d8b7;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .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: #212121;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #ffe399;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .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: #212121;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #f8b7bd;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .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: #212121;
- }
-
- .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 0.5rem;
- }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-item-nav .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: #f4f4f4;
- 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: #eaeaea;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #e02365;
- color: #ffffff;
- }
- .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: #e02365;
- color: #ffffff;
- }
- .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 #8dcdff;
- }
-
- .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: #c8c8c8;
- 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: #007ad9;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- }
- .p-badge.p-badge-success {
- background-color: #34a835;
- color: #ffffff;
- }
- .p-badge.p-badge-info {
- background-color: #007ad9;
- color: #ffffff;
- }
- .p-badge.p-badge-warning {
- background-color: #ffba01;
- color: #333333;
- }
- .p-badge.p-badge-danger {
- background-color: #e91224;
- 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: #c8c8c8;
- color: #333333;
- border-radius: 16px;
- padding: 0 0.429rem;
- }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.2145rem;
- margin-bottom: 0.2145rem;
- }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem;
- }
- .p-chip .pi-chip-remove-icon {
- margin-left: 0.5rem;
- }
- .p-chip img {
- width: 1.929rem;
- height: 1.929rem;
- margin-left: -0.429rem;
- 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 #8dcdff;
- }
- .p-chip .pi-chip-remove-icon:focus {
- outline: 0 none;
- }
-
- .p-inplace .p-inplace-display {
- padding: 0.429rem 0.429rem;
- 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: #eaeaea;
- color: #333333;
- }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
-
- .p-metergroup {
- display: flex;
- }
-
- .p-metergroup-meters {
- display: flex;
- }
-
- .p-metergroup-vertical .p-metergroup-meters {
- flex-direction: column;
- }
-
- .p-metergroup-labels {
- display: flex;
- flex-wrap: wrap;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-metergroup-vertical .p-metergroup-labels {
- align-items: start;
- }
-
- .p-metergroup-labels-vertical {
- flex-direction: column;
- }
-
- .p-metergroup-label {
- display: inline-flex;
- align-items: center;
- }
-
- .p-metergroup-label-marker {
- display: inline-flex;
- }
-
- .p-metergroup {
- gap: 1rem;
- }
- .p-metergroup .p-metergroup-meters {
- background: #eaeaea;
- border-radius: 3px;
- }
- .p-metergroup .p-metergroup-meter {
- border: 0 none;
- background: #007ad9;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
- background: #007ad9;
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 100%;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
- gap: 1rem;
- }
- .p-metergroup.p-metergroup-horizontal {
- flex-direction: column;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
- height: 0.5rem;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-metergroup.p-metergroup-vertical {
- flex-direction: row;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
- width: 0.5rem;
- height: 100%;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
- border-top-left-radius: 3px;
- border-top-right-radius: 3px;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
- }
-
- .p-progressbar {
- border: 0 none;
- height: 24px;
- background: #eaeaea;
- border-radius: 3px;
- }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #007ad9;
- }
- .p-progressbar .p-progressbar-label {
- color: #ffffff;
- line-height: 24px;
- }
-
- .p-scrolltop {
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- 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: #f4f4f4;
- }
- .p-scrolltop .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-skeleton {
- background-color: #eaeaea;
- 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: #007ad9;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 3px;
- }
- .p-tag.p-tag-success {
- background-color: #34a835;
- color: #ffffff;
- }
- .p-tag.p-tag-info {
- background-color: #007ad9;
- color: #ffffff;
- }
- .p-tag.p-tag-warning {
- background-color: #ffba01;
- color: #333333;
- }
- .p-tag.p-tag-danger {
- background-color: #e91224;
- 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: #333333;
- border: 1px solid #c8c8c8;
- padding: 0.571rem 1rem;
- }
- .p-terminal .p-terminal-input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- }
-}
-@layer primeng {
- .p-panel .p-panel-header .p-panel-header-icon {
- color: #ffffff;
- }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #5ab7ff;
- }
-
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- color: #ffffff;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #5ab7ff;
- }
-}
-.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background-color: #27a0ff;
- border-color: #27a0ff;
- color: #ffffff;
-}
-.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
- background: #e02365;
- border-color: #e02365;
- color: #ffffff;
-}
-.p-accordion .p-accordion-header:not(.p-disabled).p-highlight: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;
-}
-
-/* Customizations to the designer theme should be defined here */
diff --git a/client/src/assets/components/themes/nova-alt/theme.css b/client/src/assets/components/themes/nova-alt/theme.css
deleted file mode 100644
index 2e286038..00000000
--- a/client/src/assets/components/themes/nova-alt/theme.css
+++ /dev/null
@@ -1,6394 +0,0 @@
-: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: #007ad9;
- --primary-color-text: #ffffff;
- --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: 0.571rem 1rem;
- --inline-spacing: 0.5rem;
- --border-radius: 3px;
- --surface-ground: #f4f4f4;
- --surface-section: #ffffff;
- --surface-card: #ffffff;
- --surface-overlay: #ffffff;
- --surface-border: #c8c8c8;
- --surface-hover: #eaeaea;
- --maskbg: rgba(0, 0, 0, 0.4);
- --highlight-bg: #007ad9;
- --highlight-text-color: #ffffff;
- --focus-ring: 0 0 0 0.2rem #8dcdff;
- color-scheme: light;
-}
-
-:root {
- --blue-50:#f3f8fc;
- --blue-100:#c6dcef;
- --blue-200:#98c1e3;
- --blue-300:#6ba5d7;
- --blue-400:#3d8aca;
- --blue-500:#106ebe;
- --blue-600:#0e5ea2;
- --blue-700:#0b4d85;
- --blue-800:#093d69;
- --blue-900:#062c4c;
- --green-50:#f7fbf6;
- --green-100:#d6ead1;
- --green-200:#b6d9ad;
- --green-300:#96c889;
- --green-400:#76b765;
- --green-500:#56a641;
- --green-600:#498d37;
- --green-700:#3c742e;
- --green-800:#2f5b24;
- --green-900:#22421a;
- --yellow-50:#fffcf5;
- --yellow-100:#fdefcd;
- --yellow-200:#fbe3a6;
- --yellow-300:#f9d67f;
- --yellow-400:#f8ca57;
- --yellow-500:#f6bd30;
- --yellow-600:#d1a129;
- --yellow-700:#ac8422;
- --yellow-800:#87681a;
- --yellow-900:#624c13;
- --cyan-50:#f4fbfd;
- --cyan-100:#ccebf5;
- --cyan-200:#a4dbed;
- --cyan-300:#7ccce5;
- --cyan-400:#54bcdd;
- --cyan-500:#2cacd5;
- --cyan-600:#2592b5;
- --cyan-700:#1f7895;
- --cyan-800:#185f75;
- --cyan-900:#124555;
- --pink-50:#fdf4f9;
- --pink-100:#f6cce0;
- --pink-200:#eea3c7;
- --pink-300:#e77aae;
- --pink-400:#df5296;
- --pink-500:#d8297d;
- --pink-600:#b8236a;
- --pink-700:#971d58;
- --pink-800:#771745;
- --pink-900:#561032;
- --indigo-50:#f4f6fd;
- --indigo-100:#ccd3f5;
- --indigo-200:#a4b0ed;
- --indigo-300:#7c8de5;
- --indigo-400:#546add;
- --indigo-500:#2c47d5;
- --indigo-600:#253cb5;
- --indigo-700:#1f3295;
- --indigo-800:#182775;
- --indigo-900:#121c55;
- --teal-50:#f6fbfa;
- --teal-100:#d1eae5;
- --teal-200:#add9d1;
- --teal-300:#89c8bd;
- --teal-400:#65b7a8;
- --teal-500:#41a694;
- --teal-600:#378d7e;
- --teal-700:#2e7468;
- --teal-800:#245b51;
- --teal-900:#1a423b;
- --orange-50:#fff9f5;
- --orange-100:#fde4cd;
- --orange-200:#fbcfa6;
- --orange-300:#f9ba7f;
- --orange-400:#f8a457;
- --orange-500:#f68f30;
- --orange-600:#d17a29;
- --orange-700:#ac6422;
- --orange-800:#874f1a;
- --orange-900:#623913;
- --bluegray-50:#f7f8f9;
- --bluegray-100:#dae0e3;
- --bluegray-200:#bdc7cd;
- --bluegray-300:#a0aeb6;
- --bluegray-400:#8295a0;
- --bluegray-500:#657c8a;
- --bluegray-600:#566975;
- --bluegray-700:#475761;
- --bluegray-800:#38444c;
- --bluegray-900:#283237;
- --purple-50:#f9f8fd;
- --purple-100:#e1dff7;
- --purple-200:#cac5f1;
- --purple-300:#b2abeb;
- --purple-400:#9b92e4;
- --purple-500:#8378de;
- --purple-600:#6f66bd;
- --purple-700:#5c549b;
- --purple-800:#48427a;
- --purple-900:#343059;
- --red-50:#fdf4f3;
- --red-100:#f6ccc6;
- --red-200:#eea39a;
- --red-300:#e77b6d;
- --red-400:#df5240;
- --red-500:#d82a13;
- --red-600:#b82410;
- --red-700:#971d0d;
- --red-800:#77170a;
- --red-900:#561108;
- --primary-50:#f2f8fd;
- --primary-100:#c2dff6;
- --primary-200:#91c6ef;
- --primary-300:#61ade7;
- --primary-400:#3093e0;
- --primary-500:#007ad9;
- --primary-600:#0068b8;
- --primary-700:#005598;
- --primary-800:#004377;
- --primary-900:#003157;
-}
-
-.p-editor-container .p-editor-toolbar {
- background: #333333;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
-}
-.p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #333333;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #848484;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #848484;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #848484;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #333333;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #333333;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #333333;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #333333;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #333333;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #333333;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- padding: 0;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #333333;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #333333;
- background: #eaeaea;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.429rem 0.857rem;
-}
-.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 #c8c8c8;
-}
-.p-editor-container .p-editor-content .ql-editor {
- background: #ffffff;
- color: #333333;
- 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: #333333;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #333333;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #333333;
-}
-.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: #007ad9;
-}
-.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: #007ad9;
-}
-.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: #007ad9;
-}
-.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: #007ad9;
-}
-
-@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.5;
- }
-
- .p-error {
- color: #a80000;
- }
-
- .p-text-secondary {
- color: #848484;
- }
-
- .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 #8dcdff;
- }
-
- .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.429rem;
- }
- .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 2.786rem;
- }
- .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
- border-color: #212121;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9;
- }
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.2145rem 0.429rem;
- gap: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.2145rem 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: #333333;
- padding: 0;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.2145rem 0.429rem;
- background: #c8c8c8;
- color: #333333;
- 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: #bababa;
- color: #333333;
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #a80000;
- }
-
- .p-autocomplete-panel {
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #ffffff;
- background: #007ad9;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: #007ad9;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #333333;
- background: #d6d6d6;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
- color: #333333;
- background: #eaeaea;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #333333;
- background: #f4f4f4;
- font-weight: 700;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message {
- padding: 0.429rem 0.857rem;
- color: #333333;
- background: transparent;
- }
-
- p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
- border-color: #a80000;
- }
-
- p-autocomplete.p-autocomplete-clearable .p-inputtext {
- padding-right: 1.858rem;
- }
- p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon {
- color: #848484;
- right: 0.429rem;
- }
-
- p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon {
- color: #848484;
- right: 2.786rem;
- }
-
- p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
- border-color: #a80000;
- }
-
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9;
- }
-
- .p-datepicker {
- padding: 0.857rem;
- background: #ffffff;
- color: #333333;
- border: 1px solid #a6a6a6;
- border-radius: 3px;
- }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #ffffff;
- }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: #333333;
- background: #ffffff;
- font-weight: 700;
- margin: 0;
- border-bottom: 0 none;
- 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: #a6a6a6;
- 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: #007ad9;
- border-color: transparent;
- background: transparent;
- }
- .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 #8dcdff;
- }
- .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: #333333;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- font-weight: 700;
- 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: #007ad9;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem;
- }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.857rem 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: 3px;
- transition: background-color 0.2s, box-shadow 0.2s;
- border: 1px solid transparent;
- }
- .p-datepicker table td > span.p-highlight {
- color: #ffffff;
- background: #007ad9;
- }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
- .p-datepicker table td.p-datepicker-today > span {
- background: #d0d0d0;
- color: #333333;
- border-color: transparent;
- }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #ffffff;
- background: #007ad9;
- }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 0.857rem 0 0.429rem 0;
- border-top: 1px solid #d8dae2;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto;
- }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #d8dae2;
- padding: 0.857rem 0 0.429rem 0;
- }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- 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: #007ad9;
- border-color: transparent;
- background: transparent;
- }
- .p-datepicker .p-timepicker button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
- .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.857rem 0;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #ffffff;
- background: #007ad9;
- }
- .p-datepicker .p-yearpicker {
- margin: 0.857rem 0;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year {
- padding: 0.5rem;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
- color: #ffffff;
- background: #007ad9;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-left: 1px solid #d8dae2;
- padding-right: 0.857rem;
- padding-left: 0.857rem;
- 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: #eaeaea;
- }
- .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 #8dcdff;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
- background: #eaeaea;
- }
- .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 #8dcdff;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
- background: #eaeaea;
- }
- .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 #8dcdff;
- }
-
- p-calendar.p-calendar-clearable .p-inputtext {
- padding-right: 1.858rem;
- }
- p-calendar.p-calendar-clearable .p-calendar-clear-icon {
- color: #848484;
- right: 0.429rem;
- }
-
- p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon {
- color: #848484;
- right: 2.786rem;
- }
-
- @media screen and (max-width: 769px) {
- .p-datepicker table th, .p-datepicker table td {
- padding: 0.25rem;
- }
- }
- .p-cascadeselect {
- background: #ffffff;
- border: 1px solid #a6a6a6;
- 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: #212121;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9;
- }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.429rem 0.429rem;
- }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #666666;
- }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #848484;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #a80000;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #f4f4f4;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #f4f4f4;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #f4f4f4;
- }
-
- .p-cascadeselect-panel {
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #ffffff;
- background: #007ad9;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: #007ad9;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #333333;
- background: #d6d6d6;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #333333;
- background: #eaeaea;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.429rem 0.857rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem;
- }
-
- .p-input-filled .p-cascadeselect {
- background: #f4f4f4;
- }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: #f4f4f4;
- }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
- background-color: #f4f4f4;
- }
-
- p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect {
- border-color: #a80000;
- }
-
- p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label {
- padding-right: 0.429rem;
- }
- p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon {
- color: #848484;
- 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: 1px solid #a6a6a6;
- background: #ffffff;
- width: 20px;
- height: 20px;
- color: #333333;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #ffffff;
- font-size: 14px;
- }
- .p-checkbox .p-checkbox-box .p-icon {
- width: 14px;
- height: 14px;
- }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #007ad9;
- background: #007ad9;
- }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: #212121;
- }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9;
- }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #005b9f;
- background: #005b9f;
- color: #ffffff;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #f4f4f4;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
- background: #007ad9;
- }
- .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #f4f4f4;
- }
- .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #005b9f;
- }
-
- p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
- border-color: #a80000;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #f4f4f4;
- }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #007ad9;
- }
- .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #f4f4f4;
- }
- .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #005b9f;
- }
-
- .p-checkbox-label {
- margin-left: 0.5rem;
- }
-
- .p-highlight .p-checkbox .p-checkbox-box {
- border-color: #ffffff;
- }
-
- p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
- border-color: #a80000;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #212121;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9;
- }
- .p-chips .p-chips-multiple-container {
- padding: 0.2145rem 0.429rem;
- gap: 0.5rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #c8c8c8;
- color: #333333;
- border-radius: 16px;
- }
- .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
- background: #bababa;
- color: #333333;
- }
- .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.2145rem 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: #333333;
- padding: 0;
- margin: 0;
- }
-
- p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
- border-color: #a80000;
- }
-
- p-chips.p-chips-clearable .p-inputtext {
- padding-right: 1.429rem;
- }
- p-chips.p-chips-clearable .p-chips-clear-icon {
- color: #848484;
- right: 0.429rem;
- }
-
- .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.16);
- }
-
- .p-dropdown {
- background: #ffffff;
- border: 1px solid #a6a6a6;
- 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: #212121;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9;
- }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.429rem;
- }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none;
- }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #666666;
- }
- .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: #848484;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: #848484;
- right: 2.357rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #a80000;
- }
- .p-dropdown.p-variant-filled {
- background-color: #f4f4f4;
- }
- .p-dropdown.p-variant-filled:enabled:hover {
- background-color: #f4f4f4;
- }
- .p-dropdown.p-variant-filled:enabled:focus {
- background-color: #f4f4f4;
- }
-
- .p-dropdown-panel {
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #eaeaea;
- color: #333333;
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.429rem;
- margin-right: -1.429rem;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.429rem;
- color: #848484;
- }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #ffffff;
- background: #007ad9;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: #007ad9;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #333333;
- background: #d6d6d6;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- color: #333333;
- background: #eaeaea;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #333333;
- background: #f4f4f4;
- font-weight: 700;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.429rem 0.857rem;
- color: #333333;
- background: transparent;
- }
-
- .p-input-filled .p-dropdown {
- background: #f4f4f4;
- }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: #f4f4f4;
- }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
- background-color: #f4f4f4;
- }
- .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: #a80000;
- }
-
- .p-icon-field .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-inputgroup-addon {
- background: #eaeaea;
- color: #848484;
- border-top: 1px solid #a6a6a6;
- border-left: 1px solid #a6a6a6;
- border-bottom: 1px solid #a6a6a6;
- padding: 0.429rem 0.429rem;
- min-width: 2.357rem;
- }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #a6a6a6;
- }
-
- .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-icon-field-left .p-input-icon:first-of-type {
- left: 0.429rem;
- color: #848484;
- }
-
- .p-icon-field-right .p-input-icon:last-of-type {
- right: 0.429rem;
- color: #848484;
- }
-
- p-inputmask.ng-dirty.ng-invalid > .p-inputtext {
- border-color: #a80000;
- }
-
- p-inputmask.p-inputmask-clearable .p-inputtext {
- padding-right: 1.858rem;
- }
- p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon {
- color: #848484;
- right: 0.429rem;
- }
-
- .p-inputmask.p-variant-filled {
- background-color: #f4f4f4;
- }
- .p-inputmask.p-variant-filled:enabled:hover {
- background-color: #f4f4f4;
- }
- .p-inputmask.p-variant-filled:enabled:focus {
- background-color: #f4f4f4;
- }
-
- p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
- border-color: #a80000;
- }
-
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-input {
- padding-right: 1.858rem;
- }
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon {
- color: #848484;
- right: 0.429rem;
- }
-
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon {
- right: 2.786rem;
- }
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon {
- right: 2.786rem;
- }
-
- p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #f4f4f4;
- }
- p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #f4f4f4;
- }
- p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #f4f4f4;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 1.858rem;
- }
-
- .p-inputswitch {
- width: 3rem;
- height: 1.75rem;
- }
- .p-inputswitch .p-inputswitch-slider {
- background: #cccccc;
- 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 #8dcdff;
- }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: #b7b7b7;
- }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: #007ad9;
- }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: #cccccc;
- }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: #116fbf;
- }
-
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
- border-color: #a80000;
- }
-
- .p-inputtext {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #333333;
- background: #ffffff;
- padding: 0.429rem 0.429rem;
- border: 1px solid #a6a6a6;
- 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: #212121;
- }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9;
- }
- .p-inputtext.ng-dirty.ng-invalid {
- border-color: #a80000;
- }
- .p-inputtext.p-variant-filled {
- background-color: #f4f4f4;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #f4f4f4;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #f4f4f4;
- }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.375375rem 0.375375rem;
- }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.53625rem 0.53625rem;
- }
-
- .p-float-label > label {
- left: 0.429rem;
- color: #666666;
- transition-duration: 0.2s;
- }
-
- .p-float-label > .ng-invalid.ng-dirty + label {
- color: #a80000;
- }
-
- .p-input-icon-left > .p-icon-wrapper.p-icon,
-.p-input-icon-left > i:first-of-type {
- left: 0.429rem;
- color: #848484;
- }
-
- .p-input-icon-left > .p-inputtext {
- padding-left: 1.858rem;
- }
-
- .p-input-icon-left.p-float-label > label {
- left: 1.858rem;
- }
-
- .p-input-icon-right > .p-icon-wrapper,
-.p-input-icon-right > i:last-of-type {
- right: 0.429rem;
- color: #848484;
- }
-
- .p-input-icon-right > .p-inputtext {
- padding-right: 1.858rem;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 1.858rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 1.858rem;
- }
-
- .p-icon-field-right > .p-inputtext {
- padding-right: 1.858rem;
- }
-
- ::-webkit-input-placeholder {
- color: #666666;
- }
-
- :-moz-placeholder {
- color: #666666;
- }
-
- ::-moz-placeholder {
- color: #666666;
- }
-
- :-ms-input-placeholder {
- color: #666666;
- }
-
- .p-input-filled .p-inputtext {
- background-color: #f4f4f4;
- }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #f4f4f4;
- }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #f4f4f4;
- }
-
- .p-inputtext-sm .p-inputtext {
- font-size: 0.875rem;
- padding: 0.375375rem 0.375375rem;
- }
-
- .p-inputtext-lg .p-inputtext {
- font-size: 1.25rem;
- padding: 0.53625rem 0.53625rem;
- }
-
- .p-listbox {
- background: #ffffff;
- color: #333333;
- border: 1px solid #a6a6a6;
- 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.429rem 0.857rem;
- border-bottom: 1px solid #eaeaea;
- color: #333333;
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.429rem;
- }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.429rem;
- color: #848484;
- }
- .p-listbox .p-listbox-header .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-listbox .p-listbox-list {
- padding: 0;
- outline: 0 none;
- }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #333333;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #ffffff;
- background: #007ad9;
- }
- .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.857rem;
- color: #333333;
- background: #f4f4f4;
- font-weight: 700;
- }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.429rem 0.857rem;
- color: #333333;
- background: transparent;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
- background: #007ad9;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #333333;
- background: #eaeaea;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #333333;
- background: #eaeaea;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: #333333;
- background: #eaeaea;
- }
- .p-listbox.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9;
- }
-
- p-listbox.ng-dirty.ng-invalid > .p-listbox {
- border-color: #a80000;
- }
-
- .p-multiselect {
- background: #ffffff;
- border: 1px solid #a6a6a6;
- 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: #212121;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9;
- }
- .p-multiselect .p-multiselect-label {
- padding: 0.429rem 0.429rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #666666;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #c8c8c8;
- color: #333333;
- 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: #848484;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-multiselect.p-variant-filled {
- background: #f4f4f4;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #f4f4f4;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #f4f4f4;
- }
-
- .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.2145rem 0.429rem;
- }
-
- .p-multiselect-clearable .p-multiselect-label-container {
- padding-right: 1.429rem;
- }
- .p-multiselect-clearable .p-multiselect-clear-icon {
- color: #848484;
- right: 2.357rem;
- }
-
- .p-multiselect-panel {
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #eaeaea;
- color: #333333;
- background: #ffffff;
- 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.429rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.429rem;
- color: #848484;
- }
- .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: #a6a6a6;
- 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: #007ad9;
- border-color: transparent;
- background: transparent;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #ffffff;
- background: #007ad9;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: #007ad9;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #333333;
- background: #eaeaea;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #333333;
- background: #eaeaea;
- }
- .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.857rem;
- color: #333333;
- background: #f4f4f4;
- font-weight: 700;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.429rem 0.857rem;
- color: #333333;
- background: transparent;
- }
-
- .p-input-filled .p-multiselect {
- background: #f4f4f4;
- }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: #f4f4f4;
- }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
- background-color: #f4f4f4;
- }
-
- p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
- border-color: #a80000;
- }
-
- p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext {
- border-color: #a80000;
- }
-
- .p-password-panel {
- padding: 0.571rem 1rem;
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #eaeaea;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #e91224;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #ffba01;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #34a835;
- }
-
- p-password.p-password-clearable .p-password-input {
- padding-right: 1.858rem;
- }
- p-password.p-password-clearable .p-password-clear-icon {
- color: #848484;
- right: 0.429rem;
- }
-
- p-password.p-password-clearable.p-password-mask .p-password-input {
- padding-right: 3.287rem;
- }
- p-password.p-password-clearable.p-password-mask .p-password-clear-icon {
- color: #848484;
- right: 1.858rem;
- }
-
- .p-radiobutton {
- width: 20px;
- height: 20px;
- }
- .p-radiobutton .p-radiobutton-box {
- border: 1px solid #a6a6a6;
- background: #ffffff;
- width: 20px;
- height: 20px;
- color: #333333;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: #212121;
- }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.2s;
- background-color: #ffffff;
- }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #007ad9;
- background: #007ad9;
- }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #005b9f;
- background: #005b9f;
- color: #ffffff;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #f4f4f4;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #f4f4f4;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight {
- background: #007ad9;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #005b9f;
- }
-
- p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
- border-color: #a80000;
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #f4f4f4;
- }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #f4f4f4;
- }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
- background: #007ad9;
- }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #005b9f;
- }
-
- .p-radiobutton-label {
- margin-left: 0.5rem;
- }
-
- .p-highlight .p-radiobutton .p-radiobutton-box {
- border-color: #ffffff;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- border-radius: 50%;
- outline-color: transparent;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- }
- .p-rating .p-rating-item .p-rating-icon {
- color: #333333;
- 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: #e4018d;
- }
- .p-rating .p-rating-item.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #007ad9;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #007ad9;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #b5019f;
- }
-
- .p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #ffffff;
- }
-
- .p-selectbutton .p-button {
- background: #dadada;
- border: 1px solid #dadada;
- color: #333333;
- 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: #666666;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #c8c8c8;
- border-color: #c8c8c8;
- color: #333333;
- }
- .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: #212121;
- }
- .p-selectbutton .p-button.p-highlight {
- background: #007ad9;
- border-color: #007ad9;
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #116fbf;
- border-color: #116fbf;
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff;
- }
-
- p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
- border-color: #a80000;
- }
-
- .p-slider {
- background: #c8c8c8;
- 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 {
- height: 100%;
- width: 0.286rem;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem;
- }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #ffffff;
- border: 2px solid #666666;
- border-radius: 100%;
- 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 #8dcdff;
- }
- .p-slider .p-slider-range {
- background: #007ad9;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #666666;
- border-color: #007ad9;
- }
- .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: #dadada;
- border: 1px solid #dadada;
- color: #333333;
- 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: #666666;
- }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #c8c8c8;
- border-color: #c8c8c8;
- color: #333333;
- }
- .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: #212121;
- }
- .p-togglebutton.p-button.p-highlight {
- background: #007ad9;
- border-color: #007ad9;
- color: #ffffff;
- }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #116fbf;
- border-color: #116fbf;
- color: #ffffff;
- }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff;
- }
-
- p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
- border-color: #a80000;
- }
-
- .p-treeselect {
- background: #ffffff;
- border: 1px solid #a6a6a6;
- 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: #212121;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9;
- }
- .p-treeselect .p-treeselect-label {
- padding: 0.429rem 0.429rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #666666;
- }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #c8c8c8;
- color: #333333;
- border-radius: 16px;
- }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #848484;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-treeselect.p-variant-filled {
- background-color: #f4f4f4;
- }
- .p-treeselect.p-variant-filled:enabled:hover {
- background-color: #f4f4f4;
- }
- .p-treeselect.p-variant-filled:enabled:focus {
- background-color: #f4f4f4;
- }
-
- p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
- border-color: #a80000;
- }
-
- .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.2145rem 0.429rem;
- }
-
- .p-treeselect-panel {
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-treeselect-panel .p-treeselect-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #eaeaea;
- color: #333333;
- background: #ffffff;
- 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.429rem;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
- right: 0.429rem;
- color: #848484;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
- padding-right: 2.858rem;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
- right: 1.858rem;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-close {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- 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: #007ad9;
- border-color: transparent;
- background: transparent;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
- .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.429rem 0.857rem;
- color: #333333;
- background: transparent;
- }
-
- .p-input-filled .p-treeselect {
- background: #f4f4f4;
- }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #f4f4f4;
- }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #f4f4f4;
- }
-
- p-treeselect.p-treeselect-clearable .p-treeselect-label-container {
- padding-right: 1.429rem;
- }
- p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
- color: #848484;
- right: 2.357rem;
- }
-
- .p-button {
- color: #ffffff;
- background: #007ad9;
- border: 1px solid #007ad9;
- padding: 0.429rem 1rem;
- font-size: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- outline-color: transparent;
- }
- .p-button:not(:disabled):hover {
- background: #116fbf;
- color: #ffffff;
- border-color: #116fbf;
- }
- .p-button:not(:disabled):active {
- background: #005b9f;
- color: #ffffff;
- border-color: #005b9f;
- }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #007ad9;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(0, 122, 217, 0.04);
- color: #007ad9;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(0, 122, 217, 0.16);
- color: #007ad9;
- border: 1px solid;
- }
- .p-button.p-button-outlined.p-button-plain {
- color: #848484;
- border-color: #848484;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
- background: #eaeaea;
- color: #848484;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
- background: #d2d2d2;
- color: #848484;
- }
- .p-button.p-button-text {
- background-color: transparent;
- color: #007ad9;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(0, 122, 217, 0.04);
- color: #007ad9;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(0, 122, 217, 0.16);
- color: #007ad9;
- border-color: transparent;
- }
- .p-button.p-button-text.p-button-plain {
- color: #848484;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):hover {
- background: #eaeaea;
- color: #848484;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):active {
- background: #d2d2d2;
- color: #848484;
- }
- .p-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
- .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: #007ad9;
- background-color: #ffffff;
- }
- .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.429rem 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.375375rem 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.53625rem 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-button-group {
- display: flex;
- }
- .p-fluid .p-button-group .p-button {
- flex: 1;
- }
-
- .p-button.p-button-secondary, .p-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
- color: #ffffff;
- background: #007ad9;
- border: 1px solid #007ad9;
- }
- .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
- background: #116fbf;
- color: #ffffff;
- border-color: #116fbf;
- }
- .p-button.p-button-info:not(:disabled):focus, .p-button-group.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 #8dcdff;
- }
- .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
- background: #005b9f;
- color: #ffffff;
- border-color: #005b9f;
- }
- .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #007ad9;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.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(0, 122, 217, 0.04);
- color: #007ad9;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.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(0, 122, 217, 0.16);
- color: #007ad9;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #007ad9;
- border-color: transparent;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.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(0, 122, 217, 0.04);
- border-color: transparent;
- color: #007ad9;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.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(0, 122, 217, 0.16);
- border-color: transparent;
- color: #007ad9;
- }
-
- .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
- color: #ffffff;
- background: #34a835;
- border: 1px solid #34a835;
- }
- .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
- background: #107d11;
- color: #ffffff;
- border-color: #107d11;
- }
- .p-button.p-button-success:not(:disabled):focus, .p-button-group.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 #aae5aa;
- }
- .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
- background: #0c6b0d;
- color: #ffffff;
- border-color: #0c6b0d;
- }
- .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #34a835;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.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(52, 168, 53, 0.04);
- color: #34a835;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.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(52, 168, 53, 0.16);
- color: #34a835;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #34a835;
- border-color: transparent;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.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(52, 168, 53, 0.04);
- border-color: transparent;
- color: #34a835;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.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(52, 168, 53, 0.16);
- border-color: transparent;
- color: #34a835;
- }
-
- .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
- color: #333333;
- background: #ffba01;
- border: 1px solid #ffba01;
- }
- .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
- background: #ed990b;
- color: #333333;
- border-color: #ed990b;
- }
- .p-button.p-button-warning:not(:disabled):focus, .p-button-group.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 #ffeab4;
- }
- .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
- background: #d38b10;
- color: #333333;
- border-color: #d38b10;
- }
- .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ffba01;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.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, 186, 1, 0.04);
- color: #ffba01;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.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, 186, 1, 0.16);
- color: #ffba01;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #ffba01;
- border-color: transparent;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.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, 186, 1, 0.04);
- border-color: transparent;
- color: #ffba01;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.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, 186, 1, 0.16);
- border-color: transparent;
- color: #ffba01;
- }
-
- .p-button.p-button-help, .p-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
- color: #ffffff;
- background: #e91224;
- border: 1px solid #e91224;
- }
- .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
- background: #c01120;
- color: #ffffff;
- border-color: #c01120;
- }
- .p-button.p-button-danger:not(:disabled):focus, .p-button-group.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 #f9b4ba;
- }
- .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
- background: #a90000;
- color: #ffffff;
- border-color: #a90000;
- }
- .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #e91224;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.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(233, 18, 36, 0.04);
- color: #e91224;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.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(233, 18, 36, 0.16);
- color: #e91224;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #e91224;
- border-color: transparent;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.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(233, 18, 36, 0.04);
- border-color: transparent;
- color: #e91224;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.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(233, 18, 36, 0.16);
- border-color: transparent;
- color: #e91224;
- }
-
- .p-button.p-button-link {
- color: #005b9f;
- background: transparent;
- border: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #005b9f;
- 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 #8dcdff;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #005b9f;
- 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 #8dcdff;
- }
-
- .p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: #324249;
- color: #fff;
- }
- .p-speeddial-action:hover {
- background: #222c31;
- 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-rounded {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-rounded > .p-button {
- border-radius: 2rem;
- }
- .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-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- 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: #007ad9;
- border-color: transparent;
- background: transparent;
- }
- .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 #8dcdff;
- }
- .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: #f4f4f4;
- 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: #eaeaea;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: #007ad9;
- color: #ffffff;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 1px 1px 0 1px;
- border-radius: 0;
- }
- .p-datatable .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- border-radius: 0;
- }
- .p-datatable .p-datatable-header {
- background: #333333;
- color: #ffffff;
- border: 1px solid #333333;
- border-width: 1px 1px 0 1px;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-datatable .p-datatable-footer {
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-width: 0 1px 1px 1px;
- padding: 0.571rem 1rem;
- font-weight: normal;
- }
- .p-datatable .p-datatable-thead > tr > th {
- text-align: left;
- padding: 0.571rem 0.857rem;
- border: 1px solid #c8c8c8;
- border-width: 1px 1px 1px 1px;
- font-weight: 700;
- color: #333333;
- background: #f4f4f4;
- transition: background-color 0.2s, box-shadow 0.2s;
- }
- .p-datatable .p-datatable-tfoot > tr > td {
- text-align: left;
- padding: 0.571rem 0.857rem;
- border: 1px solid #c8c8c8;
- border-width: 1px;
- font-weight: 700;
- color: #333333;
- background: #f4f4f4;
- }
- .p-datatable .p-sortable-column .p-sortable-column-icon {
- color: #848484;
- 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: #ffffff;
- background: #007ad9;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover {
- background: #e0e0e0;
- color: #333333;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #333333;
- }
- .p-datatable .p-sortable-column.p-highlight {
- background: #007ad9;
- color: #ffffff;
- }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #ffffff;
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: #007ad9;
- color: #ffffff;
- }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #ffffff;
- }
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: inset 0 0 0 0.15rem #8dcdff;
- outline: 0 none;
- }
- .p-datatable .p-datatable-tbody > tr {
- background: #ffffff;
- color: #333333;
- transition: background-color 0.2s, box-shadow 0.2s;
- }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #c8c8c8;
- border-width: 1px;
- padding: 0.571rem 0.857rem;
- }
- .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: #a6a6a6;
- 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: #007ad9;
- border-color: transparent;
- background: transparent;
- }
- .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 #8dcdff;
- }
- .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 #8dcdff;
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #007ad9;
- color: #ffffff;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #007ad9;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #007ad9;
- }
- .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
- background: #eaeaea;
- color: #333333;
- }
- .p-datatable .p-column-resizer-helper {
- background: #007ad9;
- }
- .p-datatable .p-datatable-scrollable-header,
-.p-datatable .p-datatable-scrollable-footer {
- background: #333333;
- }
- .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: #f4f4f4;
- }
- .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: #f9f9f9;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: #007ad9;
- color: #ffffff;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: #ffffff;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: #ffffff;
- }
- .p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.72845rem 0.85rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.48535rem 0.72845rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.48535rem 0.72845rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.48535rem 0.85rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.48535rem 0.85rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.07125rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 0.71375rem 1.07125rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 0.71375rem 1.07125rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 0.71375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 0.71375rem 1.25rem;
- }
-
- .p-dataview .p-paginator-top {
- border-width: 1px 1px 0 1px;
- border-radius: 0;
- }
- .p-dataview .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- border-radius: 0;
- }
- .p-dataview .p-dataview-header {
- background: #333333;
- color: #ffffff;
- border: 1px solid #333333;
- border-width: 1px 1px 0 1px;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-dataview .p-dataview-content {
- background: #ffffff;
- color: #333333;
- border: 0 none;
- padding: 0;
- }
- .p-dataview .p-dataview-footer {
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-width: 0 1px 1px 1px;
- padding: 0.571rem 1rem;
- font-weight: normal;
- 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: 0.571rem 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: #a6a6a6;
- 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: #007ad9;
- border-color: transparent;
- background: transparent;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: transparent;
- color: #007ad9;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: #007ad9;
- color: #ffffff;
- }
- .p-column-filter-menu-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
-
- .p-column-filter-clear-button {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- 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: #007ad9;
- border-color: transparent;
- background: transparent;
- }
- .p-column-filter-clear-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
-
- .p-column-filter-overlay {
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- min-width: 12.5rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
- margin-top: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #ffffff;
- background: #007ad9;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #333333;
- background: #eaeaea;
- }
- .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 #8dcdff;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #d8dae2;
- margin: 0;
- }
-
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #eaeaea;
- color: #333333;
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0.571rem 1rem;
- border-bottom: 1px solid #d8dae2;
- }
- .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.571rem 1rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0.571rem 1rem;
- }
-
- .p-orderlist .p-orderlist-controls {
- padding: 0.571rem 1rem;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem;
- }
- .p-orderlist .p-orderlist-list-container {
- background: #ffffff;
- border: 1px solid #c8c8c8;
- 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 #8dcdff;
- border-color: #007ad9;
- }
- .p-orderlist .p-orderlist-header {
- color: #ffffff;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-orderlist .p-orderlist-header .p-orderlist-title {
- font-weight: 700;
- }
- .p-orderlist .p-orderlist-filter-container {
- padding: 0.857rem 1rem;
- background: #ffffff;
- border: 1px solid #333333;
- border-bottom: 0 none;
- }
- .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
- padding-right: 1.429rem;
- }
- .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
- right: 0.429rem;
- color: #848484;
- }
- .p-orderlist .p-orderlist-list {
- color: #333333;
- padding: 0;
- outline: 0 none;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border-top: 1px solid #c8c8c8;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.429rem 0.857rem;
- margin: 0;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: background-color 0.2s, box-shadow 0.2s;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
- margin-top: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: #eaeaea;
- color: #333333;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
- color: #333333;
- background: #d6d6d6;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #ffffff;
- background: #007ad9;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: #007ad9;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-empty-message {
- padding: 0.429rem 0.857rem;
- color: #333333;
- }
- .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover {
- background: #eaeaea;
- color: #333333;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
- background: #f9f9f9;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
- background: #eaeaea;
- }
-
- .p-orderlist-item.cdk-drag-preview {
- padding: 0.429rem 0.857rem;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border: 0 none;
- color: #333333;
- background: #ffffff;
- margin: 0;
- }
-
- .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
- background: #eaeaea;
- color: #333333;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight {
- background: #007ad9;
- color: #ffffff;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #00325a;
- }
- .p-organizationchart .p-organizationchart-line-down {
- background: #c8c8c8;
- }
- .p-organizationchart .p-organizationchart-line-left {
- border-right: 1px solid #c8c8c8;
- border-color: #c8c8c8;
- }
- .p-organizationchart .p-organizationchart-line-top {
- border-top: 1px solid #c8c8c8;
- border-color: #c8c8c8;
- }
- .p-organizationchart .p-organizationchart-node-content {
- border: 1px solid #c8c8c8;
- background: #ffffff;
- color: #333333;
- padding: 0.571rem 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 #8dcdff;
- }
-
- .p-paginator {
- background: #f4f4f4;
- color: #333333;
- border: solid #c8c8c8;
- border-width: 1px;
- padding: 0;
- 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: #848484;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .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: #e0e0e0;
- border-color: transparent;
- color: #333333;
- }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
- .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: #848484;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- padding: 0 0.5rem;
- }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: #848484;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #007ad9;
- border-color: #007ad9;
- color: #ffffff;
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: #e0e0e0;
- border-color: transparent;
- color: #333333;
- }
-
- .p-picklist .p-picklist-buttons {
- padding: 0.571rem 1rem;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem;
- }
- .p-picklist .p-picklist-list-wrapper {
- background: #ffffff;
- border: 1px solid #c8c8c8;
- 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 #8dcdff;
- border-color: #007ad9;
- }
- .p-picklist .p-picklist-header {
- color: #ffffff;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-picklist .p-picklist-header .p-picklist-title {
- font-weight: 700;
- }
- .p-picklist .p-picklist-filter-container {
- padding: 0.857rem 1rem;
- background: #ffffff;
- border: 1px solid #333333;
- border-bottom: 0 none;
- }
- .p-picklist .p-picklist-filter-container .p-picklist-filter-input {
- padding-right: 1.429rem;
- }
- .p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
- right: 0.429rem;
- color: #848484;
- }
- .p-picklist .p-picklist-list {
- color: #333333;
- padding: 0;
- outline: 0 none;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border-top: 1px solid #c8c8c8;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.429rem 0.857rem;
- margin: 0;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: background-color 0.2s, box-shadow 0.2s;
- }
- .p-picklist .p-picklist-list .p-picklist-item:first-child {
- margin-top: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: #eaeaea;
- color: #333333;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-focus {
- color: #333333;
- background: #d6d6d6;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #ffffff;
- background: #007ad9;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: #007ad9;
- }
- .p-picklist .p-picklist-list .p-picklist-empty-message {
- padding: 0.429rem 0.857rem;
- color: #333333;
- }
- .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover {
- background: #eaeaea;
- color: #333333;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
- background: #f9f9f9;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
- background: #eaeaea;
- }
-
- .p-picklist-item.cdk-drag-preview {
- padding: 0.429rem 0.857rem;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border: 0 none;
- color: #333333;
- background: #ffffff;
- margin: 0;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 0 none;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #007ad9;
- }
- .p-timeline .p-timeline-event-connector {
- background-color: #c8c8c8;
- }
- .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 #c8c8c8;
- background: #ffffff;
- color: #333333;
- padding: 0.571rem 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 #8dcdff;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s;
- padding: 0;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- 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: #007ad9;
- border-color: transparent;
- background: transparent;
- }
- .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 #8dcdff;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #848484;
- }
- .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: #333333;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #f4f4f4;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
- background: #007ad9;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
- background-color: #f4f4f4;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
- background: #005b9f;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #007ad9;
- color: #ffffff;
- }
- .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: #ffffff;
- }
- .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: #ffffff;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: #eaeaea;
- color: #333333;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
- background: #eaeaea;
- color: #333333;
- }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.429rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.429rem;
- color: #848484;
- }
- .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: #0062ae;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content {
- border-radius: 3px;
- border: 1px solid #c8c8c8;
- background-color: #ffffff;
- color: #333333;
- padding: 0;
- transition: background-color 0.2s, box-shadow 0.2s;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight {
- background-color: #007ad9;
- color: #ffffff;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #ffffff;
- }
- .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: #848484;
- 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: #eaeaea;
- color: #333333;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 1px 1px 0 1px;
- border-radius: 0;
- }
- .p-treetable .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- border-radius: 0;
- }
- .p-treetable .p-treetable-header {
- background: #333333;
- color: #ffffff;
- border: 1px solid #333333;
- border-width: 1px 1px 0 1px;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-treetable .p-treetable-footer {
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-width: 0 1px 1px 1px;
- padding: 0.571rem 1rem;
- font-weight: normal;
- }
- .p-treetable .p-treetable-thead > tr > th {
- text-align: left;
- padding: 0.571rem 0.857rem;
- border: 1px solid #c8c8c8;
- border-width: 1px 1px 1px 1px;
- font-weight: 700;
- color: #333333;
- background: #f4f4f4;
- transition: background-color 0.2s, box-shadow 0.2s;
- }
- .p-treetable .p-treetable-tfoot > tr > td {
- text-align: left;
- padding: 0.571rem 0.857rem;
- border: 1px solid #c8c8c8;
- border-width: 1px;
- font-weight: 700;
- color: #333333;
- background: #f4f4f4;
- }
- .p-treetable .p-sortable-column {
- outline-color: #8dcdff;
- }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #848484;
- 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: #ffffff;
- background: #007ad9;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: #e0e0e0;
- color: #333333;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #333333;
- }
- .p-treetable .p-sortable-column.p-highlight {
- background: #007ad9;
- color: #ffffff;
- }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #ffffff;
- }
- .p-treetable .p-treetable-tbody > tr {
- background: #ffffff;
- color: #333333;
- transition: background-color 0.2s, box-shadow 0.2s;
- }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #c8c8c8;
- border-width: 1px;
- padding: 0.571rem 0.857rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- 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: #007ad9;
- border-color: transparent;
- background: transparent;
- }
- .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 #8dcdff;
- }
- .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: #333333;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #f4f4f4;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
- background: #007ad9;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
- background-color: #f4f4f4;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
- background: #005b9f;
- }
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid #8dcdff;
- outline-offset: -0.15rem;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #007ad9;
- color: #ffffff;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #ffffff;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #ffffff;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
- background: #eaeaea;
- color: #333333;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #333333;
- }
- .p-treetable .p-column-resizer-helper {
- background: #007ad9;
- }
- .p-treetable .p-treetable-scrollable-header,
-.p-treetable .p-treetable-scrollable-footer {
- background: #333333;
- }
- .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.749875rem 0.875rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.48535rem 0.72845rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.48535rem 0.72845rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.48535rem 0.85rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.48535rem 0.85rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.07125rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 0.71375rem 1.07125rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 0.71375rem 1.07125rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 0.71375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 0.71375rem 1.25rem;
- }
-
- .p-virtualscroller .p-virtualscroller-header {
- background: #333333;
- color: #ffffff;
- border: 1px solid #333333;
- border-width: 1px 1px 0 1px;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-virtualscroller .p-virtualscroller-content {
- background: #ffffff;
- color: #333333;
- border: 0 none;
- padding: 0;
- }
- .p-virtualscroller .p-virtualscroller-footer {
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-width: 0 1px 1px 1px;
- padding: 0.571rem 1rem;
- font-weight: normal;
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
- }
-
- .p-accordion .p-accordion-header .p-accordion-header-link {
- padding: 0.857rem 1rem;
- border: 1px solid #333333;
- color: #ffffff;
- background: #333333;
- font-weight: 700;
- border-radius: 3px;
- transition: background-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 #8dcdff;
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: #dbdbdb;
- border-color: #dbdbdb;
- color: #333333;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
- background: #007ad9;
- border-color: #007ad9;
- color: #ffffff;
- 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: #005b9f;
- background: #005b9f;
- color: #ffffff;
- }
- .p-accordion .p-accordion-content {
- padding: 0.571rem 1rem;
- border: 1px solid #c8c8c8;
- background: #ffffff;
- color: #333333;
- 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: 2px;
- }
-
- .p-card {
- background: #ffffff;
- color: #333333;
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
- 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: #848484;
- }
- .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 #c8c8c8;
- }
- .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 #c8c8c8;
- }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0;
- }
-
- .p-fieldset {
- border: 1px solid #c8c8c8;
- background: #ffffff;
- color: #333333;
- border-radius: 3px;
- }
- .p-fieldset .p-fieldset-legend {
- padding: 0.857rem 1rem;
- border: 1px solid #333333;
- color: #ffffff;
- background: #333333;
- font-weight: 700;
- 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: 0.857rem 1rem;
- color: #ffffff;
- border-radius: 3px;
- transition: background-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 #8dcdff;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: #dbdbdb;
- border-color: #dbdbdb;
- color: #333333;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0.571rem 1rem;
- }
-
- .p-panel .p-panel-header {
- border: 1px solid #333333;
- padding: 0.857rem 1rem;
- background: #333333;
- color: #ffffff;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 700;
- }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- 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: #007ad9;
- border-color: transparent;
- background: transparent;
- }
- .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
- .p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.857rem 1rem;
- }
- .p-panel .p-panel-content {
- padding: 0.571rem 1rem;
- border: 1px solid #c8c8c8;
- background: #ffffff;
- color: #333333;
- 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.571rem 1rem;
- border: 1px solid #c8c8c8;
- background: #ffffff;
- color: #333333;
- 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: #f8f8f8;
- 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 #8dcdff;
- }
-
- .p-splitter {
- border: 1px solid #c8c8c8;
- background: #ffffff;
- border-radius: 3px;
- color: #333333;
- }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: #eaeaea;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #d8dae2;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
- .p-splitter .p-splitter-gutter-resizing {
- background: #d8dae2;
- }
-
- .p-tabview .p-tabview-nav-content {
- scroll-padding-inline: 2.357rem;
- }
- .p-tabview .p-tabview-nav {
- background: transparent;
- border: 0 none;
- border-width: 1px;
- }
- .p-tabview .p-tabview-nav li {
- margin-right: 2px;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: 1px solid #333333;
- border-width: 1px;
- border-color: #333333;
- background: #333333;
- color: #ffffff;
- padding: 0.857rem 1rem;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s;
- margin: 0 0 -1px 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 #8dcdff;
- }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #dbdbdb;
- border-color: #dbdbdb;
- color: #333333;
- }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #007ad9;
- border-color: #007ad9;
- color: #ffffff;
- }
- .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: #007ad9;
- color: #ffffff;
- 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 #8dcdff;
- }
- .p-tabview .p-tabview-panels {
- background: #ffffff;
- padding: 0.571rem 1rem;
- border: 1px solid #c8c8c8;
- color: #333333;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
-
- .p-toolbar {
- background: #333333;
- border: 1px solid #333333;
- padding: 0.857rem 1rem;
- border-radius: 3px;
- gap: 0.5rem;
- }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem;
- }
-
- .p-stepper .p-stepper-nav {
- position: relative;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow-x: auto;
- }
-
- .p-stepper-vertical .p-stepper-nav {
- flex-direction: column;
- }
-
- .p-stepper-header {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- align-items: center;
- }
- .p-stepper-header:last-of-type {
- flex: initial;
- }
-
- .p-stepper-header .p-stepper-action {
- border: 0 none;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- cursor: pointer;
- }
- .p-stepper-header .p-stepper-action:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
-
- .p-stepper.p-stepper-readonly .p-stepper-header {
- cursor: auto;
- }
-
- .p-stepper-header.p-highlight .p-stepper-action {
- cursor: default;
- }
-
- .p-stepper-title {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-stepper-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-stepper-separator {
- flex: 1 1 0;
- }
-
- .p-stepper .p-stepper-nav {
- display: flex;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .p-stepper .p-stepper-header {
- padding: 0.5rem;
- }
- .p-stepper .p-stepper-header .p-stepper-action {
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- background: #ffffff;
- outline-color: transparent;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- color: #333333;
- border: 1px solid #dee2e6;
- border-width: 2px;
- background: #ffffff;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
- margin-left: 0.5rem;
- color: #848484;
- font-weight: 700;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #007ad9;
- color: #ffffff;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #333333;
- }
- .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
- .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
- background-color: #007ad9;
- }
- .p-stepper .p-stepper-panels {
- background: #ffffff;
- padding: 0.571rem 1rem;
- color: #333333;
- }
- .p-stepper .p-stepper-separator {
- background-color: #c8c8c8;
- width: 100%;
- height: 2px;
- margin-inline-start: 1rem;
- transition: background-color 0.2s, box-shadow 0.2s;
- }
- .p-stepper.p-stepper-vertical {
- display: flex;
- flex-direction: column;
- }
- .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
- display: flex;
- flex: 1 1 auto;
- background: #ffffff;
- color: #333333;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel {
- display: flex;
- flex-direction: column;
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
- flex: 1 1 auto;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
- width: 100%;
- padding-left: 1rem;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
- flex: 0 0 auto;
- width: 2px;
- height: auto;
- margin-inline-start: calc(1.75rem + 2px);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
- background-color: #007ad9;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
- padding-left: 3rem;
- }
-
- .p-confirm-popup {
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-radius: 3px;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 0.571rem 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0.571rem 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(200, 200, 200, 0);
- border-bottom-color: #c8c8c8;
- }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #ffffff;
- }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #c8c8c8;
- }
- .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 6px 0 rgba(0, 0, 0, 0.16);
- border: 1px solid #c8c8c8;
- }
- .p-dialog .p-dialog-header {
- border-bottom: 1px solid #333333;
- background: #333333;
- color: #ffffff;
- padding: 1rem;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 700;
- font-size: 1rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- 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: #007ad9;
- border-color: transparent;
- background: transparent;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0;
- }
- .p-dialog .p-dialog-content {
- background: #ffffff;
- color: #333333;
- padding: 1rem;
- }
- .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 #c8c8c8;
- background: #ffffff;
- color: #333333;
- padding: 0.571rem 1rem;
- 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: #333333;
- border: 1px solid #c8c8c8;
- border-radius: 3px;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0.571rem 1rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- background: #007ad9;
- color: #ffffff;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #116fbf;
- color: #ffffff;
- }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff;
- }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(200, 200, 200, 0);
- border-bottom-color: #bebebe;
- }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #ffffff;
- }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #c8c8c8;
- }
-
- .p-sidebar {
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-sidebar .p-sidebar-header {
- padding: 0.857rem 1rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- 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: #007ad9;
- border-color: transparent;
- background: transparent;
- }
- .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 #8dcdff;
- }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0;
- }
- .p-sidebar .p-sidebar-content {
- padding: 0.571rem 1rem;
- }
- .p-sidebar .p-sidebar-footer {
- padding: 0.857rem 1rem;
- }
-
- .p-tooltip .p-tooltip-text {
- background: #333333;
- color: #ffffff;
- padding: 0.429rem 0.429rem;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- }
- .p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #333333;
- }
- .p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #333333;
- }
- .p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #333333;
- }
- .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #333333;
- }
-
- .p-fileupload .p-fileupload-buttonbar {
- background: #333333;
- padding: 0.857rem 1rem;
- border: 1px solid #333333;
- color: #ffffff;
- 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 #8dcdff;
- }
- .p-fileupload .p-fileupload-content {
- background: #ffffff;
- padding: 0.571rem 1rem;
- border: 1px solid #c8c8c8;
- color: #333333;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- border-color: 1px dashed #007ad9;
- border-style: dashed;
- background-color: #007ad9;
- }
- .p-fileupload .p-progressbar {
- height: 0.25rem;
- }
- .p-fileupload .p-fileupload-row > div {
- padding: 0.571rem 0.857rem;
- }
- .p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0;
- }
-
- .p-fileupload-choose:not(.p-disabled):hover {
- background: #116fbf;
- color: #ffffff;
- border-color: #116fbf;
- }
- .p-fileupload-choose:not(.p-disabled):active {
- background: #005b9f;
- color: #ffffff;
- border-color: #005b9f;
- }
-
- .p-breadcrumb {
- background: #ffffff;
- border: 1px solid #c8c8c8;
- border-radius: 3px;
- padding: 0.571rem 1rem;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
- transition: background-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 #8dcdff;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- }
- .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
- margin: 0 0.5rem 0 0.5rem;
- color: #333333;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
- color: #333333;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
- color: #333333;
- }
-
- .p-contextmenu {
- padding: 0;
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- width: 12.5rem;
- }
- .p-contextmenu .p-contextmenu-root-list {
- outline: 0 none;
- }
- .p-contextmenu .p-submenu-list {
- padding: 0;
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: #333333;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #333333;
- padding: 0.857rem;
- user-select: none;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #333333;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #333333;
- background: #eaeaea;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #eaeaea;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #333333;
- background: #d6d6d6;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #333333;
- background: #eaeaea;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-contextmenu .p-menuitem-separator {
- border-top: 1px solid #d8dae2;
- margin: 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 #8dcdff;
- }
- .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: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-radius: 3px;
- }
- .p-megamenu .p-megamenu-root-list {
- outline: 0 none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content {
- color: #333333;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #333333;
- padding: 0.857rem;
- user-select: none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #333333;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #333333;
- background: #eaeaea;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #eaeaea;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #333333;
- background: #d6d6d6;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #333333;
- background: #eaeaea;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-megamenu .p-megamenu-panel {
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- }
- .p-megamenu .p-submenu-header {
- margin: 0;
- padding: 0.857rem;
- color: #333333;
- background: #f4f4f4;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-megamenu .p-submenu-list {
- padding: 0;
- width: 12.5rem;
- }
- .p-megamenu .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #d8dae2;
- margin: 0;
- }
- .p-megamenu.p-megamenu-vertical {
- width: 12.5rem;
- padding: 0;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
- color: #333333;
- transition: background-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.857rem;
- user-select: none;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- 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: #333333;
- 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: #333333;
- background: #eaeaea;
- }
- .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: #333333;
- }
- .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: #333333;
- }
-
- .p-menu {
- padding: 0;
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-radius: 3px;
- width: 12.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content {
- color: #333333;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #333333;
- padding: 0.857rem;
- user-select: none;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #333333;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #333333;
- background: #eaeaea;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #eaeaea;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #333333;
- background: #d6d6d6;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #333333;
- background: #eaeaea;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-menu.p-menu-overlay {
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.857rem;
- color: #333333;
- background: #f4f4f4;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-menu .p-menuitem-separator {
- border-top: 1px solid #d8dae2;
- margin: 0;
- }
- .p-menu .p-menuitem-badge {
- background: #007ad9;
- color: #ffffff;
- 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: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-radius: 3px;
- }
- .p-menubar .p-menubar-root-list {
- outline: 0 none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
- color: #333333;
- transition: background-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.857rem;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #333333;
- margin-left: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #333333;
- background: #eaeaea;
- }
- .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: #333333;
- }
- .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: #333333;
- }
- .p-menubar .p-menuitem > .p-menuitem-content {
- color: #333333;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #333333;
- padding: 0.857rem;
- user-select: none;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #333333;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
- color: #333333;
- background: #eaeaea;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #eaeaea;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #333333;
- background: #d6d6d6;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #333333;
- background: #eaeaea;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-menubar .p-submenu-list {
- padding: 0;
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- width: 12.5rem;
- border-radius: 3px;
- }
- .p-menubar .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #d8dae2;
- margin: 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: #333333;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-menubar .p-menubar-button:hover {
- color: #333333;
- background: #eaeaea;
- }
- .p-menubar .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0;
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- width: 100%;
- }
- .p-menubar .p-menubar-root-list .p-menuitem-separator {
- border-top: 1px solid #d8dae2;
- margin: 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.571rem;
- }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 4.285rem;
- }
- .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.999rem;
- }
- .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: 7.713rem;
- }
- .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: 9.427rem;
- }
- .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 #333333;
- color: #ffffff;
- background: #333333;
- border-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #ffffff;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .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 #8dcdff;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: #dbdbdb;
- border-color: #dbdbdb;
- color: #333333;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
- background: #007ad9;
- border-color: #007ad9;
- color: #ffffff;
- 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: #005b9f;
- background: #005b9f;
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content {
- padding: 0;
- border: 1px solid #c8c8c8;
- background: #ffffff;
- color: #333333;
- 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: #333333;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #333333;
- padding: 0.857rem;
- user-select: none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #333333;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
- color: #333333;
- background: #eaeaea;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #eaeaea;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #333333;
- background: #d6d6d6;
- }
- .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: #333333;
- }
- .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: #333333;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #333333;
- background: #eaeaea;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .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 #d8dae2;
- margin: 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: 2px;
- }
-
- .p-slidemenu {
- padding: 0;
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- 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: #333333;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #333333;
- padding: 0.857rem;
- user-select: none;
- }
- .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem;
- }
- .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #333333;
- }
- .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #333333;
- background: #eaeaea;
- }
- .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #eaeaea;
- }
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #333333;
- background: #d6d6d6;
- }
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #333333;
- background: #eaeaea;
- }
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-slidemenu.p-slidemenu-overlay {
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-slidemenu .p-slidemenu-list {
- padding: 0;
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-slidemenu .p-menuitem-separator {
- border-top: 1px solid #d8dae2;
- margin: 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.857rem;
- color: #333333;
- }
- .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff;
- }
- .p-slidemenu .p-menuitem-badge {
- background: #007ad9;
- color: #ffffff;
- 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, box-shadow 0.2s;
- border-radius: 3px;
- background: #ffffff;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #333333;
- border: 1px solid #dee2e6;
- 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: #848484;
- }
- .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 #8dcdff;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #007ad9;
- color: #ffffff;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 700;
- color: #333333;
- }
- .p-steps .p-steps-item:before {
- content: " ";
- border-top: 1px solid #d8dae2;
- width: 100%;
- top: 50%;
- left: 0;
- display: block;
- position: absolute;
- margin-top: -1rem;
- }
-
- .p-tabmenu .p-tabmenu-nav {
- background: transparent;
- border: 0 none;
- border-width: 1px;
- }
- .p-tabmenu .p-tabmenu-nav .p-menuitem-badge {
- background: #007ad9;
- color: #ffffff;
- 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: 2px;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: 1px solid #333333;
- border-width: 1px;
- border-color: #333333;
- background: #333333;
- color: #ffffff;
- padding: 0.857rem 1rem;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s;
- margin: 0 0 -1px 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 #8dcdff;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #dbdbdb;
- border-color: #dbdbdb;
- color: #333333;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #007ad9;
- border-color: #007ad9;
- color: #ffffff;
- }
- .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: #007ad9;
- color: #ffffff;
- 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 #8dcdff;
- }
-
- .p-tieredmenu {
- padding: 0;
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-radius: 3px;
- width: 12.5rem;
- }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
- .p-tieredmenu .p-submenu-list {
- padding: 0;
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: #333333;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #333333;
- padding: 0.857rem;
- user-select: none;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #333333;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #333333;
- background: #eaeaea;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #eaeaea;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #333333;
- background: #d6d6d6;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #333333;
- background: #eaeaea;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-tieredmenu .p-menuitem-separator {
- border-top: 1px solid #d8dae2;
- margin: 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;
- margin: 0;
- border-radius: 3px;
- }
- .p-inline-message.p-inline-message-info {
- background: #7fbcec;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #212121;
- }
- .p-inline-message.p-inline-message-success {
- background: #b7d8b7;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #212121;
- }
- .p-inline-message.p-inline-message-warn {
- background: #ffe399;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #212121;
- }
- .p-inline-message.p-inline-message-error {
- background: #f8b7bd;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #212121;
- }
- .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;
- }
- .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 #8dcdff;
- }
- .p-message.p-message-info {
- background: #7fbcec;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-message.p-message-info .p-message-icon {
- color: #212121;
- }
- .p-message.p-message-info .p-message-close {
- color: #212121;
- }
- .p-message.p-message-success {
- background: #b7d8b7;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-message.p-message-success .p-message-icon {
- color: #212121;
- }
- .p-message.p-message-success .p-message-close {
- color: #212121;
- }
- .p-message.p-message-warn {
- background: #ffe399;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-message.p-message-warn .p-message-icon {
- color: #212121;
- }
- .p-message.p-message-warn .p-message-close {
- color: #212121;
- }
- .p-message.p-message-error {
- background: #f8b7bd;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-message.p-message-error .p-message-icon {
- color: #212121;
- }
- .p-message.p-message-error .p-message-close {
- color: #212121;
- }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: normal;
- }
- .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 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 0.5rem;
- }
- .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 #8dcdff;
- }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #7fbcec;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .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: #212121;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #b7d8b7;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .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: #212121;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #ffe399;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .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: #212121;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #f8b7bd;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .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: #212121;
- }
-
- .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 0.5rem;
- }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-item-nav .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: #f4f4f4;
- 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: #eaeaea;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #007ad9;
- color: #ffffff;
- }
- .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: #007ad9;
- color: #ffffff;
- }
- .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 #8dcdff;
- }
-
- .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: #c8c8c8;
- 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: #007ad9;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- }
- .p-badge.p-badge-success {
- background-color: #34a835;
- color: #ffffff;
- }
- .p-badge.p-badge-info {
- background-color: #007ad9;
- color: #ffffff;
- }
- .p-badge.p-badge-warning {
- background-color: #ffba01;
- color: #333333;
- }
- .p-badge.p-badge-danger {
- background-color: #e91224;
- 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: #c8c8c8;
- color: #333333;
- border-radius: 16px;
- padding: 0 0.429rem;
- }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.2145rem;
- margin-bottom: 0.2145rem;
- }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem;
- }
- .p-chip .pi-chip-remove-icon {
- margin-left: 0.5rem;
- }
- .p-chip img {
- width: 1.929rem;
- height: 1.929rem;
- margin-left: -0.429rem;
- 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 #8dcdff;
- }
- .p-chip .pi-chip-remove-icon:focus {
- outline: 0 none;
- }
-
- .p-inplace .p-inplace-display {
- padding: 0.429rem 0.429rem;
- 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: #eaeaea;
- color: #333333;
- }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
-
- .p-metergroup {
- display: flex;
- }
-
- .p-metergroup-meters {
- display: flex;
- }
-
- .p-metergroup-vertical .p-metergroup-meters {
- flex-direction: column;
- }
-
- .p-metergroup-labels {
- display: flex;
- flex-wrap: wrap;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-metergroup-vertical .p-metergroup-labels {
- align-items: start;
- }
-
- .p-metergroup-labels-vertical {
- flex-direction: column;
- }
-
- .p-metergroup-label {
- display: inline-flex;
- align-items: center;
- }
-
- .p-metergroup-label-marker {
- display: inline-flex;
- }
-
- .p-metergroup {
- gap: 1rem;
- }
- .p-metergroup .p-metergroup-meters {
- background: #eaeaea;
- border-radius: 3px;
- }
- .p-metergroup .p-metergroup-meter {
- border: 0 none;
- background: #007ad9;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
- background: #007ad9;
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 100%;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
- gap: 1rem;
- }
- .p-metergroup.p-metergroup-horizontal {
- flex-direction: column;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
- height: 0.5rem;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-metergroup.p-metergroup-vertical {
- flex-direction: row;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
- width: 0.5rem;
- height: 100%;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
- border-top-left-radius: 3px;
- border-top-right-radius: 3px;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
- }
-
- .p-progressbar {
- border: 0 none;
- height: 24px;
- background: #eaeaea;
- border-radius: 3px;
- }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #007ad9;
- }
- .p-progressbar .p-progressbar-label {
- color: #ffffff;
- line-height: 24px;
- }
-
- .p-scrolltop {
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- 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: #f4f4f4;
- }
- .p-scrolltop .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-skeleton {
- background-color: #eaeaea;
- 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: #007ad9;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 3px;
- }
- .p-tag.p-tag-success {
- background-color: #34a835;
- color: #ffffff;
- }
- .p-tag.p-tag-info {
- background-color: #007ad9;
- color: #ffffff;
- }
- .p-tag.p-tag-warning {
- background-color: #ffba01;
- color: #333333;
- }
- .p-tag.p-tag-danger {
- background-color: #e91224;
- 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: #333333;
- border: 1px solid #c8c8c8;
- padding: 0.571rem 1rem;
- }
- .p-terminal .p-terminal-input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- }
-}
-@layer primeng {
- .p-panel .p-panel-header .p-panel-header-icon {
- color: #ffffff;
- }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #b4b4b4;
- }
-
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- color: #ffffff;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #b4b4b4;
- }
-}
-.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;
-}
-
-/* Customizations to the designer theme should be defined here */
diff --git a/client/src/assets/components/themes/nova/theme.css b/client/src/assets/components/themes/nova/theme.css
deleted file mode 100644
index b1bfbf25..00000000
--- a/client/src/assets/components/themes/nova/theme.css
+++ /dev/null
@@ -1,6382 +0,0 @@
-: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: #007ad9;
- --primary-color-text: #ffffff;
- --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: 0.571rem 1rem;
- --inline-spacing: 0.5rem;
- --border-radius: 3px;
- --surface-ground: #f4f4f4;
- --surface-section: #ffffff;
- --surface-card: #ffffff;
- --surface-overlay: #ffffff;
- --surface-border: #c8c8c8;
- --surface-hover: #eaeaea;
- --maskbg: rgba(0, 0, 0, 0.4);
- --highlight-bg: #007ad9;
- --highlight-text-color: #ffffff;
- --focus-ring: 0 0 0 0.2rem #8dcdff;
- color-scheme: light;
-}
-
-:root {
- --blue-50:#f3f8fc;
- --blue-100:#c6dcef;
- --blue-200:#98c1e3;
- --blue-300:#6ba5d7;
- --blue-400:#3d8aca;
- --blue-500:#106ebe;
- --blue-600:#0e5ea2;
- --blue-700:#0b4d85;
- --blue-800:#093d69;
- --blue-900:#062c4c;
- --green-50:#f7fbf6;
- --green-100:#d6ead1;
- --green-200:#b6d9ad;
- --green-300:#96c889;
- --green-400:#76b765;
- --green-500:#56a641;
- --green-600:#498d37;
- --green-700:#3c742e;
- --green-800:#2f5b24;
- --green-900:#22421a;
- --yellow-50:#fffcf5;
- --yellow-100:#fdefcd;
- --yellow-200:#fbe3a6;
- --yellow-300:#f9d67f;
- --yellow-400:#f8ca57;
- --yellow-500:#f6bd30;
- --yellow-600:#d1a129;
- --yellow-700:#ac8422;
- --yellow-800:#87681a;
- --yellow-900:#624c13;
- --cyan-50:#f4fbfd;
- --cyan-100:#ccebf5;
- --cyan-200:#a4dbed;
- --cyan-300:#7ccce5;
- --cyan-400:#54bcdd;
- --cyan-500:#2cacd5;
- --cyan-600:#2592b5;
- --cyan-700:#1f7895;
- --cyan-800:#185f75;
- --cyan-900:#124555;
- --pink-50:#fdf4f9;
- --pink-100:#f6cce0;
- --pink-200:#eea3c7;
- --pink-300:#e77aae;
- --pink-400:#df5296;
- --pink-500:#d8297d;
- --pink-600:#b8236a;
- --pink-700:#971d58;
- --pink-800:#771745;
- --pink-900:#561032;
- --indigo-50:#f4f6fd;
- --indigo-100:#ccd3f5;
- --indigo-200:#a4b0ed;
- --indigo-300:#7c8de5;
- --indigo-400:#546add;
- --indigo-500:#2c47d5;
- --indigo-600:#253cb5;
- --indigo-700:#1f3295;
- --indigo-800:#182775;
- --indigo-900:#121c55;
- --teal-50:#f6fbfa;
- --teal-100:#d1eae5;
- --teal-200:#add9d1;
- --teal-300:#89c8bd;
- --teal-400:#65b7a8;
- --teal-500:#41a694;
- --teal-600:#378d7e;
- --teal-700:#2e7468;
- --teal-800:#245b51;
- --teal-900:#1a423b;
- --orange-50:#fff9f5;
- --orange-100:#fde4cd;
- --orange-200:#fbcfa6;
- --orange-300:#f9ba7f;
- --orange-400:#f8a457;
- --orange-500:#f68f30;
- --orange-600:#d17a29;
- --orange-700:#ac6422;
- --orange-800:#874f1a;
- --orange-900:#623913;
- --bluegray-50:#f7f8f9;
- --bluegray-100:#dae0e3;
- --bluegray-200:#bdc7cd;
- --bluegray-300:#a0aeb6;
- --bluegray-400:#8295a0;
- --bluegray-500:#657c8a;
- --bluegray-600:#566975;
- --bluegray-700:#475761;
- --bluegray-800:#38444c;
- --bluegray-900:#283237;
- --purple-50:#f9f8fd;
- --purple-100:#e1dff7;
- --purple-200:#cac5f1;
- --purple-300:#b2abeb;
- --purple-400:#9b92e4;
- --purple-500:#8378de;
- --purple-600:#6f66bd;
- --purple-700:#5c549b;
- --purple-800:#48427a;
- --purple-900:#343059;
- --red-50:#fdf4f3;
- --red-100:#f6ccc6;
- --red-200:#eea39a;
- --red-300:#e77b6d;
- --red-400:#df5240;
- --red-500:#d82a13;
- --red-600:#b82410;
- --red-700:#971d0d;
- --red-800:#77170a;
- --red-900:#561108;
- --primary-50:#f2f8fd;
- --primary-100:#c2dff6;
- --primary-200:#91c6ef;
- --primary-300:#61ade7;
- --primary-400:#3093e0;
- --primary-500:#007ad9;
- --primary-600:#0068b8;
- --primary-700:#005598;
- --primary-800:#004377;
- --primary-900:#003157;
-}
-
-.p-editor-container .p-editor-toolbar {
- background: #f4f4f4;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
-}
-.p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #c8c8c8;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #848484;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #848484;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #848484;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #333333;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #333333;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #333333;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #333333;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #333333;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #333333;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- padding: 0;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #333333;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #333333;
- background: #eaeaea;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.429rem 0.857rem;
-}
-.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 #c8c8c8;
-}
-.p-editor-container .p-editor-content .ql-editor {
- background: #ffffff;
- color: #333333;
- 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: #333333;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #333333;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #333333;
-}
-.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: #007ad9;
-}
-.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: #007ad9;
-}
-.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: #007ad9;
-}
-.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: #007ad9;
-}
-
-@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.5;
- }
-
- .p-error {
- color: #a80000;
- }
-
- .p-text-secondary {
- color: #848484;
- }
-
- .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 #8dcdff;
- }
-
- .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.429rem;
- }
- .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 2.786rem;
- }
- .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
- border-color: #212121;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9;
- }
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.2145rem 0.429rem;
- gap: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.2145rem 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: #333333;
- padding: 0;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.2145rem 0.429rem;
- background: #c8c8c8;
- color: #333333;
- 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: #bababa;
- color: #333333;
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #a80000;
- }
-
- .p-autocomplete-panel {
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #ffffff;
- background: #007ad9;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: #007ad9;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #333333;
- background: #d6d6d6;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
- color: #333333;
- background: #eaeaea;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #333333;
- background: #f4f4f4;
- font-weight: 700;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message {
- padding: 0.429rem 0.857rem;
- color: #333333;
- background: transparent;
- }
-
- p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
- border-color: #a80000;
- }
-
- p-autocomplete.p-autocomplete-clearable .p-inputtext {
- padding-right: 1.858rem;
- }
- p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon {
- color: #848484;
- right: 0.429rem;
- }
-
- p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon {
- color: #848484;
- right: 2.786rem;
- }
-
- p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
- border-color: #a80000;
- }
-
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9;
- }
-
- .p-datepicker {
- padding: 0.857rem;
- background: #ffffff;
- color: #333333;
- border: 1px solid #a6a6a6;
- border-radius: 3px;
- }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #ffffff;
- }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: #333333;
- background: #ffffff;
- font-weight: 700;
- margin: 0;
- border-bottom: 0 none;
- 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: #a6a6a6;
- 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: #007ad9;
- border-color: transparent;
- background: transparent;
- }
- .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 #8dcdff;
- }
- .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: #333333;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- font-weight: 700;
- 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: #007ad9;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem;
- }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.857rem 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: 3px;
- transition: background-color 0.2s, box-shadow 0.2s;
- border: 1px solid transparent;
- }
- .p-datepicker table td > span.p-highlight {
- color: #ffffff;
- background: #007ad9;
- }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
- .p-datepicker table td.p-datepicker-today > span {
- background: #d0d0d0;
- color: #333333;
- border-color: transparent;
- }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #ffffff;
- background: #007ad9;
- }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 0.857rem 0 0.429rem 0;
- border-top: 1px solid #d8dae2;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto;
- }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #d8dae2;
- padding: 0.857rem 0 0.429rem 0;
- }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- 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: #007ad9;
- border-color: transparent;
- background: transparent;
- }
- .p-datepicker .p-timepicker button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
- .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.857rem 0;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #ffffff;
- background: #007ad9;
- }
- .p-datepicker .p-yearpicker {
- margin: 0.857rem 0;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year {
- padding: 0.5rem;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
- color: #ffffff;
- background: #007ad9;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-left: 1px solid #d8dae2;
- padding-right: 0.857rem;
- padding-left: 0.857rem;
- 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: #eaeaea;
- }
- .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 #8dcdff;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
- background: #eaeaea;
- }
- .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 #8dcdff;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
- background: #eaeaea;
- }
- .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 #8dcdff;
- }
-
- p-calendar.p-calendar-clearable .p-inputtext {
- padding-right: 1.858rem;
- }
- p-calendar.p-calendar-clearable .p-calendar-clear-icon {
- color: #848484;
- right: 0.429rem;
- }
-
- p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon {
- color: #848484;
- right: 2.786rem;
- }
-
- @media screen and (max-width: 769px) {
- .p-datepicker table th, .p-datepicker table td {
- padding: 0.25rem;
- }
- }
- .p-cascadeselect {
- background: #ffffff;
- border: 1px solid #a6a6a6;
- 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: #212121;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9;
- }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.429rem 0.429rem;
- }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #666666;
- }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #848484;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #a80000;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #f4f4f4;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #f4f4f4;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #f4f4f4;
- }
-
- .p-cascadeselect-panel {
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #ffffff;
- background: #007ad9;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: #007ad9;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #333333;
- background: #d6d6d6;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #333333;
- background: #eaeaea;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.429rem 0.857rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem;
- }
-
- .p-input-filled .p-cascadeselect {
- background: #f4f4f4;
- }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: #f4f4f4;
- }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
- background-color: #f4f4f4;
- }
-
- p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect {
- border-color: #a80000;
- }
-
- p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label {
- padding-right: 0.429rem;
- }
- p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon {
- color: #848484;
- 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: 1px solid #a6a6a6;
- background: #ffffff;
- width: 20px;
- height: 20px;
- color: #333333;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #ffffff;
- font-size: 14px;
- }
- .p-checkbox .p-checkbox-box .p-icon {
- width: 14px;
- height: 14px;
- }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #007ad9;
- background: #007ad9;
- }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: #212121;
- }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9;
- }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #005b9f;
- background: #005b9f;
- color: #ffffff;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #f4f4f4;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
- background: #007ad9;
- }
- .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #f4f4f4;
- }
- .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #005b9f;
- }
-
- p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
- border-color: #a80000;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #f4f4f4;
- }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #007ad9;
- }
- .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #f4f4f4;
- }
- .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #005b9f;
- }
-
- .p-checkbox-label {
- margin-left: 0.5rem;
- }
-
- .p-highlight .p-checkbox .p-checkbox-box {
- border-color: #ffffff;
- }
-
- p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
- border-color: #a80000;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #212121;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9;
- }
- .p-chips .p-chips-multiple-container {
- padding: 0.2145rem 0.429rem;
- gap: 0.5rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #c8c8c8;
- color: #333333;
- border-radius: 16px;
- }
- .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
- background: #bababa;
- color: #333333;
- }
- .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.2145rem 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: #333333;
- padding: 0;
- margin: 0;
- }
-
- p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
- border-color: #a80000;
- }
-
- p-chips.p-chips-clearable .p-inputtext {
- padding-right: 1.429rem;
- }
- p-chips.p-chips-clearable .p-chips-clear-icon {
- color: #848484;
- right: 0.429rem;
- }
-
- .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.16);
- }
-
- .p-dropdown {
- background: #ffffff;
- border: 1px solid #a6a6a6;
- 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: #212121;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9;
- }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.429rem;
- }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none;
- }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #666666;
- }
- .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: #848484;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: #848484;
- right: 2.357rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #a80000;
- }
- .p-dropdown.p-variant-filled {
- background-color: #f4f4f4;
- }
- .p-dropdown.p-variant-filled:enabled:hover {
- background-color: #f4f4f4;
- }
- .p-dropdown.p-variant-filled:enabled:focus {
- background-color: #f4f4f4;
- }
-
- .p-dropdown-panel {
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #eaeaea;
- color: #333333;
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.429rem;
- margin-right: -1.429rem;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.429rem;
- color: #848484;
- }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #ffffff;
- background: #007ad9;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: #007ad9;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #333333;
- background: #d6d6d6;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- color: #333333;
- background: #eaeaea;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #333333;
- background: #f4f4f4;
- font-weight: 700;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.429rem 0.857rem;
- color: #333333;
- background: transparent;
- }
-
- .p-input-filled .p-dropdown {
- background: #f4f4f4;
- }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: #f4f4f4;
- }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
- background-color: #f4f4f4;
- }
- .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: #a80000;
- }
-
- .p-icon-field .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-inputgroup-addon {
- background: #eaeaea;
- color: #848484;
- border-top: 1px solid #a6a6a6;
- border-left: 1px solid #a6a6a6;
- border-bottom: 1px solid #a6a6a6;
- padding: 0.429rem 0.429rem;
- min-width: 2.357rem;
- }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #a6a6a6;
- }
-
- .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-icon-field-left .p-input-icon:first-of-type {
- left: 0.429rem;
- color: #848484;
- }
-
- .p-icon-field-right .p-input-icon:last-of-type {
- right: 0.429rem;
- color: #848484;
- }
-
- p-inputmask.ng-dirty.ng-invalid > .p-inputtext {
- border-color: #a80000;
- }
-
- p-inputmask.p-inputmask-clearable .p-inputtext {
- padding-right: 1.858rem;
- }
- p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon {
- color: #848484;
- right: 0.429rem;
- }
-
- .p-inputmask.p-variant-filled {
- background-color: #f4f4f4;
- }
- .p-inputmask.p-variant-filled:enabled:hover {
- background-color: #f4f4f4;
- }
- .p-inputmask.p-variant-filled:enabled:focus {
- background-color: #f4f4f4;
- }
-
- p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
- border-color: #a80000;
- }
-
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-input {
- padding-right: 1.858rem;
- }
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon {
- color: #848484;
- right: 0.429rem;
- }
-
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon {
- right: 2.786rem;
- }
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon {
- right: 2.786rem;
- }
-
- p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #f4f4f4;
- }
- p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #f4f4f4;
- }
- p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #f4f4f4;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 1.858rem;
- }
-
- .p-inputswitch {
- width: 3rem;
- height: 1.75rem;
- }
- .p-inputswitch .p-inputswitch-slider {
- background: #cccccc;
- 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 #8dcdff;
- }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: #b7b7b7;
- }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: #007ad9;
- }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: #cccccc;
- }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: #116fbf;
- }
-
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
- border-color: #a80000;
- }
-
- .p-inputtext {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #333333;
- background: #ffffff;
- padding: 0.429rem 0.429rem;
- border: 1px solid #a6a6a6;
- 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: #212121;
- }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9;
- }
- .p-inputtext.ng-dirty.ng-invalid {
- border-color: #a80000;
- }
- .p-inputtext.p-variant-filled {
- background-color: #f4f4f4;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #f4f4f4;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #f4f4f4;
- }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.375375rem 0.375375rem;
- }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.53625rem 0.53625rem;
- }
-
- .p-float-label > label {
- left: 0.429rem;
- color: #666666;
- transition-duration: 0.2s;
- }
-
- .p-float-label > .ng-invalid.ng-dirty + label {
- color: #a80000;
- }
-
- .p-input-icon-left > .p-icon-wrapper.p-icon,
-.p-input-icon-left > i:first-of-type {
- left: 0.429rem;
- color: #848484;
- }
-
- .p-input-icon-left > .p-inputtext {
- padding-left: 1.858rem;
- }
-
- .p-input-icon-left.p-float-label > label {
- left: 1.858rem;
- }
-
- .p-input-icon-right > .p-icon-wrapper,
-.p-input-icon-right > i:last-of-type {
- right: 0.429rem;
- color: #848484;
- }
-
- .p-input-icon-right > .p-inputtext {
- padding-right: 1.858rem;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 1.858rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 1.858rem;
- }
-
- .p-icon-field-right > .p-inputtext {
- padding-right: 1.858rem;
- }
-
- ::-webkit-input-placeholder {
- color: #666666;
- }
-
- :-moz-placeholder {
- color: #666666;
- }
-
- ::-moz-placeholder {
- color: #666666;
- }
-
- :-ms-input-placeholder {
- color: #666666;
- }
-
- .p-input-filled .p-inputtext {
- background-color: #f4f4f4;
- }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #f4f4f4;
- }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #f4f4f4;
- }
-
- .p-inputtext-sm .p-inputtext {
- font-size: 0.875rem;
- padding: 0.375375rem 0.375375rem;
- }
-
- .p-inputtext-lg .p-inputtext {
- font-size: 1.25rem;
- padding: 0.53625rem 0.53625rem;
- }
-
- .p-listbox {
- background: #ffffff;
- color: #333333;
- border: 1px solid #a6a6a6;
- 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.429rem 0.857rem;
- border-bottom: 1px solid #eaeaea;
- color: #333333;
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.429rem;
- }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.429rem;
- color: #848484;
- }
- .p-listbox .p-listbox-header .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-listbox .p-listbox-list {
- padding: 0;
- outline: 0 none;
- }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #333333;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #ffffff;
- background: #007ad9;
- }
- .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.857rem;
- color: #333333;
- background: #f4f4f4;
- font-weight: 700;
- }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.429rem 0.857rem;
- color: #333333;
- background: transparent;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
- background: #007ad9;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #333333;
- background: #eaeaea;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #333333;
- background: #eaeaea;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: #333333;
- background: #eaeaea;
- }
- .p-listbox.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9;
- }
-
- p-listbox.ng-dirty.ng-invalid > .p-listbox {
- border-color: #a80000;
- }
-
- .p-multiselect {
- background: #ffffff;
- border: 1px solid #a6a6a6;
- 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: #212121;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9;
- }
- .p-multiselect .p-multiselect-label {
- padding: 0.429rem 0.429rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #666666;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #c8c8c8;
- color: #333333;
- 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: #848484;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-multiselect.p-variant-filled {
- background: #f4f4f4;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #f4f4f4;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #f4f4f4;
- }
-
- .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.2145rem 0.429rem;
- }
-
- .p-multiselect-clearable .p-multiselect-label-container {
- padding-right: 1.429rem;
- }
- .p-multiselect-clearable .p-multiselect-clear-icon {
- color: #848484;
- right: 2.357rem;
- }
-
- .p-multiselect-panel {
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #eaeaea;
- color: #333333;
- background: #ffffff;
- 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.429rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.429rem;
- color: #848484;
- }
- .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: #a6a6a6;
- 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: #007ad9;
- border-color: transparent;
- background: transparent;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #ffffff;
- background: #007ad9;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: #007ad9;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #333333;
- background: #eaeaea;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #333333;
- background: #eaeaea;
- }
- .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.857rem;
- color: #333333;
- background: #f4f4f4;
- font-weight: 700;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.429rem 0.857rem;
- color: #333333;
- background: transparent;
- }
-
- .p-input-filled .p-multiselect {
- background: #f4f4f4;
- }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: #f4f4f4;
- }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
- background-color: #f4f4f4;
- }
-
- p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
- border-color: #a80000;
- }
-
- p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext {
- border-color: #a80000;
- }
-
- .p-password-panel {
- padding: 0.571rem 1rem;
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #eaeaea;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #e91224;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #ffba01;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #34a835;
- }
-
- p-password.p-password-clearable .p-password-input {
- padding-right: 1.858rem;
- }
- p-password.p-password-clearable .p-password-clear-icon {
- color: #848484;
- right: 0.429rem;
- }
-
- p-password.p-password-clearable.p-password-mask .p-password-input {
- padding-right: 3.287rem;
- }
- p-password.p-password-clearable.p-password-mask .p-password-clear-icon {
- color: #848484;
- right: 1.858rem;
- }
-
- .p-radiobutton {
- width: 20px;
- height: 20px;
- }
- .p-radiobutton .p-radiobutton-box {
- border: 1px solid #a6a6a6;
- background: #ffffff;
- width: 20px;
- height: 20px;
- color: #333333;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: #212121;
- }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.2s;
- background-color: #ffffff;
- }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #007ad9;
- background: #007ad9;
- }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #005b9f;
- background: #005b9f;
- color: #ffffff;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #f4f4f4;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #f4f4f4;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight {
- background: #007ad9;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #005b9f;
- }
-
- p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
- border-color: #a80000;
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #f4f4f4;
- }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #f4f4f4;
- }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
- background: #007ad9;
- }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #005b9f;
- }
-
- .p-radiobutton-label {
- margin-left: 0.5rem;
- }
-
- .p-highlight .p-radiobutton .p-radiobutton-box {
- border-color: #ffffff;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- border-radius: 50%;
- outline-color: transparent;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- }
- .p-rating .p-rating-item .p-rating-icon {
- color: #333333;
- 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: #e4018d;
- }
- .p-rating .p-rating-item.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #007ad9;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #007ad9;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #b5019f;
- }
-
- .p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #ffffff;
- }
-
- .p-selectbutton .p-button {
- background: #dadada;
- border: 1px solid #dadada;
- color: #333333;
- 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: #666666;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #c8c8c8;
- border-color: #c8c8c8;
- color: #333333;
- }
- .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: #212121;
- }
- .p-selectbutton .p-button.p-highlight {
- background: #007ad9;
- border-color: #007ad9;
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #116fbf;
- border-color: #116fbf;
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff;
- }
-
- p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
- border-color: #a80000;
- }
-
- .p-slider {
- background: #c8c8c8;
- 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 {
- height: 100%;
- width: 0.286rem;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem;
- }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #ffffff;
- border: 2px solid #666666;
- border-radius: 100%;
- 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 #8dcdff;
- }
- .p-slider .p-slider-range {
- background: #007ad9;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #666666;
- border-color: #007ad9;
- }
- .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: #dadada;
- border: 1px solid #dadada;
- color: #333333;
- 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: #666666;
- }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #c8c8c8;
- border-color: #c8c8c8;
- color: #333333;
- }
- .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: #212121;
- }
- .p-togglebutton.p-button.p-highlight {
- background: #007ad9;
- border-color: #007ad9;
- color: #ffffff;
- }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #116fbf;
- border-color: #116fbf;
- color: #ffffff;
- }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff;
- }
-
- p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
- border-color: #a80000;
- }
-
- .p-treeselect {
- background: #ffffff;
- border: 1px solid #a6a6a6;
- 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: #212121;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- border-color: #007ad9;
- }
- .p-treeselect .p-treeselect-label {
- padding: 0.429rem 0.429rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #666666;
- }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #c8c8c8;
- color: #333333;
- border-radius: 16px;
- }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #848484;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-treeselect.p-variant-filled {
- background-color: #f4f4f4;
- }
- .p-treeselect.p-variant-filled:enabled:hover {
- background-color: #f4f4f4;
- }
- .p-treeselect.p-variant-filled:enabled:focus {
- background-color: #f4f4f4;
- }
-
- p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
- border-color: #a80000;
- }
-
- .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.2145rem 0.429rem;
- }
-
- .p-treeselect-panel {
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-treeselect-panel .p-treeselect-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #eaeaea;
- color: #333333;
- background: #ffffff;
- 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.429rem;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
- right: 0.429rem;
- color: #848484;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
- padding-right: 2.858rem;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
- right: 1.858rem;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-close {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- 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: #007ad9;
- border-color: transparent;
- background: transparent;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
- .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.429rem 0.857rem;
- color: #333333;
- background: transparent;
- }
-
- .p-input-filled .p-treeselect {
- background: #f4f4f4;
- }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #f4f4f4;
- }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #f4f4f4;
- }
-
- p-treeselect.p-treeselect-clearable .p-treeselect-label-container {
- padding-right: 1.429rem;
- }
- p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
- color: #848484;
- right: 2.357rem;
- }
-
- .p-button {
- color: #ffffff;
- background: #007ad9;
- border: 1px solid #007ad9;
- padding: 0.429rem 1rem;
- font-size: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- outline-color: transparent;
- }
- .p-button:not(:disabled):hover {
- background: #116fbf;
- color: #ffffff;
- border-color: #116fbf;
- }
- .p-button:not(:disabled):active {
- background: #005b9f;
- color: #ffffff;
- border-color: #005b9f;
- }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #007ad9;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(0, 122, 217, 0.04);
- color: #007ad9;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(0, 122, 217, 0.16);
- color: #007ad9;
- border: 1px solid;
- }
- .p-button.p-button-outlined.p-button-plain {
- color: #848484;
- border-color: #848484;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
- background: #eaeaea;
- color: #848484;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
- background: #d2d2d2;
- color: #848484;
- }
- .p-button.p-button-text {
- background-color: transparent;
- color: #007ad9;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(0, 122, 217, 0.04);
- color: #007ad9;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(0, 122, 217, 0.16);
- color: #007ad9;
- border-color: transparent;
- }
- .p-button.p-button-text.p-button-plain {
- color: #848484;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):hover {
- background: #eaeaea;
- color: #848484;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):active {
- background: #d2d2d2;
- color: #848484;
- }
- .p-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
- .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: #007ad9;
- background-color: #ffffff;
- }
- .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.429rem 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.375375rem 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.53625rem 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-button-group {
- display: flex;
- }
- .p-fluid .p-button-group .p-button {
- flex: 1;
- }
-
- .p-button.p-button-secondary, .p-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
- color: #ffffff;
- background: #007ad9;
- border: 1px solid #007ad9;
- }
- .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
- background: #116fbf;
- color: #ffffff;
- border-color: #116fbf;
- }
- .p-button.p-button-info:not(:disabled):focus, .p-button-group.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 #8dcdff;
- }
- .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
- background: #005b9f;
- color: #ffffff;
- border-color: #005b9f;
- }
- .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #007ad9;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.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(0, 122, 217, 0.04);
- color: #007ad9;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.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(0, 122, 217, 0.16);
- color: #007ad9;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #007ad9;
- border-color: transparent;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.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(0, 122, 217, 0.04);
- border-color: transparent;
- color: #007ad9;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.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(0, 122, 217, 0.16);
- border-color: transparent;
- color: #007ad9;
- }
-
- .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
- color: #ffffff;
- background: #34a835;
- border: 1px solid #34a835;
- }
- .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
- background: #107d11;
- color: #ffffff;
- border-color: #107d11;
- }
- .p-button.p-button-success:not(:disabled):focus, .p-button-group.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 #aae5aa;
- }
- .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
- background: #0c6b0d;
- color: #ffffff;
- border-color: #0c6b0d;
- }
- .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #34a835;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.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(52, 168, 53, 0.04);
- color: #34a835;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.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(52, 168, 53, 0.16);
- color: #34a835;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #34a835;
- border-color: transparent;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.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(52, 168, 53, 0.04);
- border-color: transparent;
- color: #34a835;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.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(52, 168, 53, 0.16);
- border-color: transparent;
- color: #34a835;
- }
-
- .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
- color: #333333;
- background: #ffba01;
- border: 1px solid #ffba01;
- }
- .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
- background: #ed990b;
- color: #333333;
- border-color: #ed990b;
- }
- .p-button.p-button-warning:not(:disabled):focus, .p-button-group.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 #ffeab4;
- }
- .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
- background: #d38b10;
- color: #333333;
- border-color: #d38b10;
- }
- .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ffba01;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.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, 186, 1, 0.04);
- color: #ffba01;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.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, 186, 1, 0.16);
- color: #ffba01;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #ffba01;
- border-color: transparent;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.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, 186, 1, 0.04);
- border-color: transparent;
- color: #ffba01;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.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, 186, 1, 0.16);
- border-color: transparent;
- color: #ffba01;
- }
-
- .p-button.p-button-help, .p-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
- color: #ffffff;
- background: #e91224;
- border: 1px solid #e91224;
- }
- .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
- background: #c01120;
- color: #ffffff;
- border-color: #c01120;
- }
- .p-button.p-button-danger:not(:disabled):focus, .p-button-group.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 #f9b4ba;
- }
- .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
- background: #a90000;
- color: #ffffff;
- border-color: #a90000;
- }
- .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #e91224;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.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(233, 18, 36, 0.04);
- color: #e91224;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.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(233, 18, 36, 0.16);
- color: #e91224;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #e91224;
- border-color: transparent;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.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(233, 18, 36, 0.04);
- border-color: transparent;
- color: #e91224;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.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(233, 18, 36, 0.16);
- border-color: transparent;
- color: #e91224;
- }
-
- .p-button.p-button-link {
- color: #005b9f;
- background: transparent;
- border: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #005b9f;
- 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 #8dcdff;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #005b9f;
- 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 #8dcdff;
- }
-
- .p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: #324249;
- color: #fff;
- }
- .p-speeddial-action:hover {
- background: #222c31;
- 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-rounded {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-rounded > .p-button {
- border-radius: 2rem;
- }
- .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-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- 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: #007ad9;
- border-color: transparent;
- background: transparent;
- }
- .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 #8dcdff;
- }
- .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: #f4f4f4;
- 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: #eaeaea;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: #007ad9;
- color: #ffffff;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 1px 1px 0 1px;
- border-radius: 0;
- }
- .p-datatable .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- border-radius: 0;
- }
- .p-datatable .p-datatable-header {
- background: #f4f4f4;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-width: 1px 1px 0 1px;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-datatable .p-datatable-footer {
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-width: 0 1px 1px 1px;
- padding: 0.571rem 1rem;
- font-weight: normal;
- }
- .p-datatable .p-datatable-thead > tr > th {
- text-align: left;
- padding: 0.571rem 0.857rem;
- border: 1px solid #c8c8c8;
- border-width: 1px 1px 1px 1px;
- font-weight: 700;
- color: #333333;
- background: #f4f4f4;
- transition: background-color 0.2s, box-shadow 0.2s;
- }
- .p-datatable .p-datatable-tfoot > tr > td {
- text-align: left;
- padding: 0.571rem 0.857rem;
- border: 1px solid #c8c8c8;
- border-width: 1px;
- font-weight: 700;
- color: #333333;
- background: #f4f4f4;
- }
- .p-datatable .p-sortable-column .p-sortable-column-icon {
- color: #848484;
- 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: #ffffff;
- background: #007ad9;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover {
- background: #e0e0e0;
- color: #333333;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #333333;
- }
- .p-datatable .p-sortable-column.p-highlight {
- background: #007ad9;
- color: #ffffff;
- }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #ffffff;
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: #007ad9;
- color: #ffffff;
- }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #ffffff;
- }
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: inset 0 0 0 0.15rem #8dcdff;
- outline: 0 none;
- }
- .p-datatable .p-datatable-tbody > tr {
- background: #ffffff;
- color: #333333;
- transition: background-color 0.2s, box-shadow 0.2s;
- }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #c8c8c8;
- border-width: 1px;
- padding: 0.571rem 0.857rem;
- }
- .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: #a6a6a6;
- 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: #007ad9;
- border-color: transparent;
- background: transparent;
- }
- .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 #8dcdff;
- }
- .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 #8dcdff;
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #007ad9;
- color: #ffffff;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #007ad9;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #007ad9;
- }
- .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
- background: #eaeaea;
- color: #333333;
- }
- .p-datatable .p-column-resizer-helper {
- background: #007ad9;
- }
- .p-datatable .p-datatable-scrollable-header,
-.p-datatable .p-datatable-scrollable-footer {
- background: #f4f4f4;
- }
- .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: #f4f4f4;
- }
- .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: #f9f9f9;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: #007ad9;
- color: #ffffff;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: #ffffff;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: #ffffff;
- }
- .p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.72845rem 0.85rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.48535rem 0.72845rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.48535rem 0.72845rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.48535rem 0.85rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.48535rem 0.85rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.07125rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 0.71375rem 1.07125rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 0.71375rem 1.07125rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 0.71375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 0.71375rem 1.25rem;
- }
-
- .p-dataview .p-paginator-top {
- border-width: 1px 1px 0 1px;
- border-radius: 0;
- }
- .p-dataview .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- border-radius: 0;
- }
- .p-dataview .p-dataview-header {
- background: #f4f4f4;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-width: 1px 1px 0 1px;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-dataview .p-dataview-content {
- background: #ffffff;
- color: #333333;
- border: 0 none;
- padding: 0;
- }
- .p-dataview .p-dataview-footer {
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-width: 0 1px 1px 1px;
- padding: 0.571rem 1rem;
- font-weight: normal;
- 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: 0.571rem 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: #a6a6a6;
- 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: #007ad9;
- border-color: transparent;
- background: transparent;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: transparent;
- color: #007ad9;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: #007ad9;
- color: #ffffff;
- }
- .p-column-filter-menu-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
-
- .p-column-filter-clear-button {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- 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: #007ad9;
- border-color: transparent;
- background: transparent;
- }
- .p-column-filter-clear-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
-
- .p-column-filter-overlay {
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-radius: 3px;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- min-width: 12.5rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
- margin-top: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #ffffff;
- background: #007ad9;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #333333;
- background: #eaeaea;
- }
- .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 #8dcdff;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #d8dae2;
- margin: 0;
- }
-
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #eaeaea;
- color: #333333;
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0.571rem 1rem;
- border-bottom: 1px solid #d8dae2;
- }
- .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.571rem 1rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0.571rem 1rem;
- }
-
- .p-orderlist .p-orderlist-controls {
- padding: 0.571rem 1rem;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem;
- }
- .p-orderlist .p-orderlist-list-container {
- background: #ffffff;
- border: 1px solid #c8c8c8;
- 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 #8dcdff;
- border-color: #007ad9;
- }
- .p-orderlist .p-orderlist-header {
- color: #333333;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-orderlist .p-orderlist-header .p-orderlist-title {
- font-weight: 700;
- }
- .p-orderlist .p-orderlist-filter-container {
- padding: 0.857rem 1rem;
- background: #ffffff;
- border: 1px solid #c8c8c8;
- border-bottom: 0 none;
- }
- .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
- padding-right: 1.429rem;
- }
- .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
- right: 0.429rem;
- color: #848484;
- }
- .p-orderlist .p-orderlist-list {
- color: #333333;
- padding: 0;
- outline: 0 none;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border-top: 1px solid #c8c8c8;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.429rem 0.857rem;
- margin: 0;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: background-color 0.2s, box-shadow 0.2s;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
- margin-top: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: #eaeaea;
- color: #333333;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
- color: #333333;
- background: #d6d6d6;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #ffffff;
- background: #007ad9;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: #007ad9;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-empty-message {
- padding: 0.429rem 0.857rem;
- color: #333333;
- }
- .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover {
- background: #eaeaea;
- color: #333333;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
- background: #f9f9f9;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
- background: #eaeaea;
- }
-
- .p-orderlist-item.cdk-drag-preview {
- padding: 0.429rem 0.857rem;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border: 0 none;
- color: #333333;
- background: #ffffff;
- margin: 0;
- }
-
- .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
- background: #eaeaea;
- color: #333333;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight {
- background: #007ad9;
- color: #ffffff;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #00325a;
- }
- .p-organizationchart .p-organizationchart-line-down {
- background: #c8c8c8;
- }
- .p-organizationchart .p-organizationchart-line-left {
- border-right: 1px solid #c8c8c8;
- border-color: #c8c8c8;
- }
- .p-organizationchart .p-organizationchart-line-top {
- border-top: 1px solid #c8c8c8;
- border-color: #c8c8c8;
- }
- .p-organizationchart .p-organizationchart-node-content {
- border: 1px solid #c8c8c8;
- background: #ffffff;
- color: #333333;
- padding: 0.571rem 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 #8dcdff;
- }
-
- .p-paginator {
- background: #f4f4f4;
- color: #333333;
- border: solid #c8c8c8;
- border-width: 1px;
- padding: 0;
- 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: #848484;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .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: #e0e0e0;
- border-color: transparent;
- color: #333333;
- }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
- .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: #848484;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- padding: 0 0.5rem;
- }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: #848484;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #007ad9;
- border-color: #007ad9;
- color: #ffffff;
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: #e0e0e0;
- border-color: transparent;
- color: #333333;
- }
-
- .p-picklist .p-picklist-buttons {
- padding: 0.571rem 1rem;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem;
- }
- .p-picklist .p-picklist-list-wrapper {
- background: #ffffff;
- border: 1px solid #c8c8c8;
- 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 #8dcdff;
- border-color: #007ad9;
- }
- .p-picklist .p-picklist-header {
- color: #333333;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-picklist .p-picklist-header .p-picklist-title {
- font-weight: 700;
- }
- .p-picklist .p-picklist-filter-container {
- padding: 0.857rem 1rem;
- background: #ffffff;
- border: 1px solid #c8c8c8;
- border-bottom: 0 none;
- }
- .p-picklist .p-picklist-filter-container .p-picklist-filter-input {
- padding-right: 1.429rem;
- }
- .p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
- right: 0.429rem;
- color: #848484;
- }
- .p-picklist .p-picklist-list {
- color: #333333;
- padding: 0;
- outline: 0 none;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border-top: 1px solid #c8c8c8;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.429rem 0.857rem;
- margin: 0;
- border: 0 none;
- color: #333333;
- background: transparent;
- transition: background-color 0.2s, box-shadow 0.2s;
- }
- .p-picklist .p-picklist-list .p-picklist-item:first-child {
- margin-top: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: #eaeaea;
- color: #333333;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-focus {
- color: #333333;
- background: #d6d6d6;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #ffffff;
- background: #007ad9;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: #007ad9;
- }
- .p-picklist .p-picklist-list .p-picklist-empty-message {
- padding: 0.429rem 0.857rem;
- color: #333333;
- }
- .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover {
- background: #eaeaea;
- color: #333333;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
- background: #f9f9f9;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
- background: #eaeaea;
- }
-
- .p-picklist-item.cdk-drag-preview {
- padding: 0.429rem 0.857rem;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border: 0 none;
- color: #333333;
- background: #ffffff;
- margin: 0;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 0 none;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #007ad9;
- }
- .p-timeline .p-timeline-event-connector {
- background-color: #c8c8c8;
- }
- .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 #c8c8c8;
- background: #ffffff;
- color: #333333;
- padding: 0.571rem 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 #8dcdff;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s;
- padding: 0;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- 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: #007ad9;
- border-color: transparent;
- background: transparent;
- }
- .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 #8dcdff;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #848484;
- }
- .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: #333333;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #f4f4f4;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
- background: #007ad9;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
- background-color: #f4f4f4;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
- background: #005b9f;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #007ad9;
- color: #ffffff;
- }
- .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: #ffffff;
- }
- .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: #ffffff;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: #eaeaea;
- color: #333333;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
- background: #eaeaea;
- color: #333333;
- }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.429rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.429rem;
- color: #848484;
- }
- .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: #0062ae;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content {
- border-radius: 3px;
- border: 1px solid #c8c8c8;
- background-color: #ffffff;
- color: #333333;
- padding: 0;
- transition: background-color 0.2s, box-shadow 0.2s;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight {
- background-color: #007ad9;
- color: #ffffff;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #ffffff;
- }
- .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: #848484;
- 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: #eaeaea;
- color: #333333;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 1px 1px 0 1px;
- border-radius: 0;
- }
- .p-treetable .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- border-radius: 0;
- }
- .p-treetable .p-treetable-header {
- background: #f4f4f4;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-width: 1px 1px 0 1px;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-treetable .p-treetable-footer {
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-width: 0 1px 1px 1px;
- padding: 0.571rem 1rem;
- font-weight: normal;
- }
- .p-treetable .p-treetable-thead > tr > th {
- text-align: left;
- padding: 0.571rem 0.857rem;
- border: 1px solid #c8c8c8;
- border-width: 1px 1px 1px 1px;
- font-weight: 700;
- color: #333333;
- background: #f4f4f4;
- transition: background-color 0.2s, box-shadow 0.2s;
- }
- .p-treetable .p-treetable-tfoot > tr > td {
- text-align: left;
- padding: 0.571rem 0.857rem;
- border: 1px solid #c8c8c8;
- border-width: 1px;
- font-weight: 700;
- color: #333333;
- background: #f4f4f4;
- }
- .p-treetable .p-sortable-column {
- outline-color: #8dcdff;
- }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #848484;
- 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: #ffffff;
- background: #007ad9;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: #e0e0e0;
- color: #333333;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #333333;
- }
- .p-treetable .p-sortable-column.p-highlight {
- background: #007ad9;
- color: #ffffff;
- }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #ffffff;
- }
- .p-treetable .p-treetable-tbody > tr {
- background: #ffffff;
- color: #333333;
- transition: background-color 0.2s, box-shadow 0.2s;
- }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #c8c8c8;
- border-width: 1px;
- padding: 0.571rem 0.857rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- 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: #007ad9;
- border-color: transparent;
- background: transparent;
- }
- .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 #8dcdff;
- }
- .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: #333333;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #f4f4f4;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
- background: #007ad9;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
- background-color: #f4f4f4;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
- background: #005b9f;
- }
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid #8dcdff;
- outline-offset: -0.15rem;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #007ad9;
- color: #ffffff;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #ffffff;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #ffffff;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
- background: #eaeaea;
- color: #333333;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #333333;
- }
- .p-treetable .p-column-resizer-helper {
- background: #007ad9;
- }
- .p-treetable .p-treetable-scrollable-header,
-.p-treetable .p-treetable-scrollable-footer {
- background: #f4f4f4;
- }
- .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.749875rem 0.875rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.48535rem 0.72845rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.48535rem 0.72845rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.48535rem 0.85rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.48535rem 0.85rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.07125rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 0.71375rem 1.07125rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 0.71375rem 1.07125rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 0.71375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 0.71375rem 1.25rem;
- }
-
- .p-virtualscroller .p-virtualscroller-header {
- background: #f4f4f4;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-width: 1px 1px 0 1px;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-virtualscroller .p-virtualscroller-content {
- background: #ffffff;
- color: #333333;
- border: 0 none;
- padding: 0;
- }
- .p-virtualscroller .p-virtualscroller-footer {
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-width: 0 1px 1px 1px;
- padding: 0.571rem 1rem;
- font-weight: normal;
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
- }
-
- .p-accordion .p-accordion-header .p-accordion-header-link {
- padding: 0.857rem 1rem;
- border: 1px solid #c8c8c8;
- color: #333333;
- background: #f4f4f4;
- font-weight: 700;
- border-radius: 3px;
- transition: background-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 #8dcdff;
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: #dbdbdb;
- border-color: #dbdbdb;
- color: #333333;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
- background: #007ad9;
- border-color: #007ad9;
- color: #ffffff;
- 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: #005b9f;
- background: #005b9f;
- color: #ffffff;
- }
- .p-accordion .p-accordion-content {
- padding: 0.571rem 1rem;
- border: 1px solid #c8c8c8;
- background: #ffffff;
- color: #333333;
- 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: 2px;
- }
-
- .p-card {
- background: #ffffff;
- color: #333333;
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
- 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: #848484;
- }
- .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 #c8c8c8;
- }
- .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 #c8c8c8;
- }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0;
- }
-
- .p-fieldset {
- border: 1px solid #c8c8c8;
- background: #ffffff;
- color: #333333;
- border-radius: 3px;
- }
- .p-fieldset .p-fieldset-legend {
- padding: 0.857rem 1rem;
- border: 1px solid #c8c8c8;
- color: #333333;
- background: #f4f4f4;
- font-weight: 700;
- 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: 0.857rem 1rem;
- color: #333333;
- border-radius: 3px;
- transition: background-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 #8dcdff;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: #dbdbdb;
- border-color: #dbdbdb;
- color: #333333;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0.571rem 1rem;
- }
-
- .p-panel .p-panel-header {
- border: 1px solid #c8c8c8;
- padding: 0.857rem 1rem;
- background: #f4f4f4;
- color: #333333;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 700;
- }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- 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: #007ad9;
- border-color: transparent;
- background: transparent;
- }
- .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
- .p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.857rem 1rem;
- }
- .p-panel .p-panel-content {
- padding: 0.571rem 1rem;
- border: 1px solid #c8c8c8;
- background: #ffffff;
- color: #333333;
- 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.571rem 1rem;
- border: 1px solid #c8c8c8;
- background: #ffffff;
- color: #333333;
- 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: #f8f8f8;
- 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 #8dcdff;
- }
-
- .p-splitter {
- border: 1px solid #c8c8c8;
- background: #ffffff;
- border-radius: 3px;
- color: #333333;
- }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: #eaeaea;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #d8dae2;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
- .p-splitter .p-splitter-gutter-resizing {
- background: #d8dae2;
- }
-
- .p-tabview .p-tabview-nav-content {
- scroll-padding-inline: 2.357rem;
- }
- .p-tabview .p-tabview-nav {
- background: transparent;
- border: 0 none;
- border-width: 1px;
- }
- .p-tabview .p-tabview-nav li {
- margin-right: 2px;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: 1px solid #c8c8c8;
- border-width: 1px;
- border-color: #c8c8c8;
- background: #f4f4f4;
- color: #333333;
- padding: 0.857rem 1rem;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s;
- margin: 0 0 -1px 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 #8dcdff;
- }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #dbdbdb;
- border-color: #dbdbdb;
- color: #333333;
- }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #007ad9;
- border-color: #007ad9;
- color: #ffffff;
- }
- .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: #007ad9;
- color: #ffffff;
- 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 #8dcdff;
- }
- .p-tabview .p-tabview-panels {
- background: #ffffff;
- padding: 0.571rem 1rem;
- border: 1px solid #c8c8c8;
- color: #333333;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
-
- .p-toolbar {
- background: #f4f4f4;
- border: 1px solid #c8c8c8;
- padding: 0.857rem 1rem;
- border-radius: 3px;
- gap: 0.5rem;
- }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem;
- }
-
- .p-stepper .p-stepper-nav {
- position: relative;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow-x: auto;
- }
-
- .p-stepper-vertical .p-stepper-nav {
- flex-direction: column;
- }
-
- .p-stepper-header {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- align-items: center;
- }
- .p-stepper-header:last-of-type {
- flex: initial;
- }
-
- .p-stepper-header .p-stepper-action {
- border: 0 none;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- cursor: pointer;
- }
- .p-stepper-header .p-stepper-action:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
-
- .p-stepper.p-stepper-readonly .p-stepper-header {
- cursor: auto;
- }
-
- .p-stepper-header.p-highlight .p-stepper-action {
- cursor: default;
- }
-
- .p-stepper-title {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-stepper-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-stepper-separator {
- flex: 1 1 0;
- }
-
- .p-stepper .p-stepper-nav {
- display: flex;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .p-stepper .p-stepper-header {
- padding: 0.5rem;
- }
- .p-stepper .p-stepper-header .p-stepper-action {
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- background: #ffffff;
- outline-color: transparent;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- color: #333333;
- border: 1px solid #dee2e6;
- border-width: 2px;
- background: #ffffff;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
- margin-left: 0.5rem;
- color: #848484;
- font-weight: 700;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #007ad9;
- color: #ffffff;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #333333;
- }
- .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
- .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
- background-color: #007ad9;
- }
- .p-stepper .p-stepper-panels {
- background: #ffffff;
- padding: 0.571rem 1rem;
- color: #333333;
- }
- .p-stepper .p-stepper-separator {
- background-color: #c8c8c8;
- width: 100%;
- height: 2px;
- margin-inline-start: 1rem;
- transition: background-color 0.2s, box-shadow 0.2s;
- }
- .p-stepper.p-stepper-vertical {
- display: flex;
- flex-direction: column;
- }
- .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
- display: flex;
- flex: 1 1 auto;
- background: #ffffff;
- color: #333333;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel {
- display: flex;
- flex-direction: column;
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
- flex: 1 1 auto;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
- width: 100%;
- padding-left: 1rem;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
- flex: 0 0 auto;
- width: 2px;
- height: auto;
- margin-inline-start: calc(1.75rem + 2px);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
- background-color: #007ad9;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
- padding-left: 3rem;
- }
-
- .p-confirm-popup {
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-radius: 3px;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 0.571rem 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0.571rem 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(200, 200, 200, 0);
- border-bottom-color: #c8c8c8;
- }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #ffffff;
- }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #c8c8c8;
- }
- .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 6px 0 rgba(0, 0, 0, 0.16);
- border: 1px solid #c8c8c8;
- }
- .p-dialog .p-dialog-header {
- border-bottom: 1px solid #c8c8c8;
- background: #f4f4f4;
- color: #333333;
- padding: 1rem;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 700;
- font-size: 1rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- 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: #007ad9;
- border-color: transparent;
- background: transparent;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0;
- }
- .p-dialog .p-dialog-content {
- background: #ffffff;
- color: #333333;
- padding: 1rem;
- }
- .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 #c8c8c8;
- background: #ffffff;
- color: #333333;
- padding: 0.571rem 1rem;
- 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: #333333;
- border: 1px solid #c8c8c8;
- border-radius: 3px;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0.571rem 1rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- background: #007ad9;
- color: #ffffff;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #116fbf;
- color: #ffffff;
- }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff;
- }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(200, 200, 200, 0);
- border-bottom-color: #bebebe;
- }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #ffffff;
- }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #c8c8c8;
- }
-
- .p-sidebar {
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-sidebar .p-sidebar-header {
- padding: 0.857rem 1rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- 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: #007ad9;
- border-color: transparent;
- background: transparent;
- }
- .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 #8dcdff;
- }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0;
- }
- .p-sidebar .p-sidebar-content {
- padding: 0.571rem 1rem;
- }
- .p-sidebar .p-sidebar-footer {
- padding: 0.857rem 1rem;
- }
-
- .p-tooltip .p-tooltip-text {
- background: #333333;
- color: #ffffff;
- padding: 0.429rem 0.429rem;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- }
- .p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #333333;
- }
- .p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #333333;
- }
- .p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #333333;
- }
- .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #333333;
- }
-
- .p-fileupload .p-fileupload-buttonbar {
- background: #f4f4f4;
- padding: 0.857rem 1rem;
- border: 1px solid #c8c8c8;
- color: #333333;
- 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 #8dcdff;
- }
- .p-fileupload .p-fileupload-content {
- background: #ffffff;
- padding: 0.571rem 1rem;
- border: 1px solid #c8c8c8;
- color: #333333;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- border-color: 1px dashed #007ad9;
- border-style: dashed;
- background-color: #007ad9;
- }
- .p-fileupload .p-progressbar {
- height: 0.25rem;
- }
- .p-fileupload .p-fileupload-row > div {
- padding: 0.571rem 0.857rem;
- }
- .p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0;
- }
-
- .p-fileupload-choose:not(.p-disabled):hover {
- background: #116fbf;
- color: #ffffff;
- border-color: #116fbf;
- }
- .p-fileupload-choose:not(.p-disabled):active {
- background: #005b9f;
- color: #ffffff;
- border-color: #005b9f;
- }
-
- .p-breadcrumb {
- background: #ffffff;
- border: 1px solid #c8c8c8;
- border-radius: 3px;
- padding: 0.571rem 1rem;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
- transition: background-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 #8dcdff;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- }
- .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
- margin: 0 0.5rem 0 0.5rem;
- color: #333333;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
- color: #333333;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
- color: #333333;
- }
-
- .p-contextmenu {
- padding: 0;
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- width: 12.5rem;
- }
- .p-contextmenu .p-contextmenu-root-list {
- outline: 0 none;
- }
- .p-contextmenu .p-submenu-list {
- padding: 0;
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: #333333;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #333333;
- padding: 0.857rem;
- user-select: none;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #333333;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #333333;
- background: #eaeaea;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #eaeaea;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #333333;
- background: #d6d6d6;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #333333;
- background: #eaeaea;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-contextmenu .p-menuitem-separator {
- border-top: 1px solid #d8dae2;
- margin: 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 #8dcdff;
- }
- .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: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-radius: 3px;
- }
- .p-megamenu .p-megamenu-root-list {
- outline: 0 none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content {
- color: #333333;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #333333;
- padding: 0.857rem;
- user-select: none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #333333;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #333333;
- background: #eaeaea;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #eaeaea;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #333333;
- background: #d6d6d6;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #333333;
- background: #eaeaea;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-megamenu .p-megamenu-panel {
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- }
- .p-megamenu .p-submenu-header {
- margin: 0;
- padding: 0.857rem;
- color: #333333;
- background: #f4f4f4;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-megamenu .p-submenu-list {
- padding: 0;
- width: 12.5rem;
- }
- .p-megamenu .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #d8dae2;
- margin: 0;
- }
- .p-megamenu.p-megamenu-vertical {
- width: 12.5rem;
- padding: 0;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
- color: #333333;
- transition: background-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.857rem;
- user-select: none;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- 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: #333333;
- 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: #333333;
- background: #eaeaea;
- }
- .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: #333333;
- }
- .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: #333333;
- }
-
- .p-menu {
- padding: 0;
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-radius: 3px;
- width: 12.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content {
- color: #333333;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #333333;
- padding: 0.857rem;
- user-select: none;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #333333;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #333333;
- background: #eaeaea;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #eaeaea;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #333333;
- background: #d6d6d6;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #333333;
- background: #eaeaea;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-menu.p-menu-overlay {
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.857rem;
- color: #333333;
- background: #f4f4f4;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-menu .p-menuitem-separator {
- border-top: 1px solid #d8dae2;
- margin: 0;
- }
- .p-menu .p-menuitem-badge {
- background: #007ad9;
- color: #ffffff;
- 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: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-radius: 3px;
- }
- .p-menubar .p-menubar-root-list {
- outline: 0 none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
- color: #333333;
- transition: background-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.857rem;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #333333;
- margin-left: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #333333;
- background: #eaeaea;
- }
- .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: #333333;
- }
- .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: #333333;
- }
- .p-menubar .p-menuitem > .p-menuitem-content {
- color: #333333;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #333333;
- padding: 0.857rem;
- user-select: none;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #333333;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
- color: #333333;
- background: #eaeaea;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #eaeaea;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #333333;
- background: #d6d6d6;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #333333;
- background: #eaeaea;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-menubar .p-submenu-list {
- padding: 0;
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- width: 12.5rem;
- border-radius: 3px;
- }
- .p-menubar .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #d8dae2;
- margin: 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: #333333;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-menubar .p-menubar-button:hover {
- color: #333333;
- background: #eaeaea;
- }
- .p-menubar .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0;
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- width: 100%;
- }
- .p-menubar .p-menubar-root-list .p-menuitem-separator {
- border-top: 1px solid #d8dae2;
- margin: 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.571rem;
- }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 4.285rem;
- }
- .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.999rem;
- }
- .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: 7.713rem;
- }
- .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: 9.427rem;
- }
- .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 #c8c8c8;
- color: #333333;
- background: #f4f4f4;
- border-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #333333;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .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 #8dcdff;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: #dbdbdb;
- border-color: #dbdbdb;
- color: #333333;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
- background: #007ad9;
- border-color: #007ad9;
- color: #ffffff;
- 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: #005b9f;
- background: #005b9f;
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content {
- padding: 0;
- border: 1px solid #c8c8c8;
- background: #ffffff;
- color: #333333;
- 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: #333333;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #333333;
- padding: 0.857rem;
- user-select: none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #333333;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
- color: #333333;
- background: #eaeaea;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #eaeaea;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #333333;
- background: #d6d6d6;
- }
- .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: #333333;
- }
- .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: #333333;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #333333;
- background: #eaeaea;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .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 #d8dae2;
- margin: 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: 2px;
- }
-
- .p-slidemenu {
- padding: 0;
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- 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: #333333;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #333333;
- padding: 0.857rem;
- user-select: none;
- }
- .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem;
- }
- .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #333333;
- }
- .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #333333;
- background: #eaeaea;
- }
- .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #eaeaea;
- }
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #333333;
- background: #d6d6d6;
- }
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #333333;
- background: #eaeaea;
- }
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-slidemenu.p-slidemenu-overlay {
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-slidemenu .p-slidemenu-list {
- padding: 0;
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-slidemenu .p-menuitem-separator {
- border-top: 1px solid #d8dae2;
- margin: 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.857rem;
- color: #333333;
- }
- .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #8dcdff;
- }
- .p-slidemenu .p-menuitem-badge {
- background: #007ad9;
- color: #ffffff;
- 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, box-shadow 0.2s;
- border-radius: 3px;
- background: #ffffff;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #333333;
- border: 1px solid #dee2e6;
- 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: #848484;
- }
- .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 #8dcdff;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #007ad9;
- color: #ffffff;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 700;
- color: #333333;
- }
- .p-steps .p-steps-item:before {
- content: " ";
- border-top: 1px solid #d8dae2;
- width: 100%;
- top: 50%;
- left: 0;
- display: block;
- position: absolute;
- margin-top: -1rem;
- }
-
- .p-tabmenu .p-tabmenu-nav {
- background: transparent;
- border: 0 none;
- border-width: 1px;
- }
- .p-tabmenu .p-tabmenu-nav .p-menuitem-badge {
- background: #007ad9;
- color: #ffffff;
- 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: 2px;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: 1px solid #c8c8c8;
- border-width: 1px;
- border-color: #c8c8c8;
- background: #f4f4f4;
- color: #333333;
- padding: 0.857rem 1rem;
- font-weight: 700;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: background-color 0.2s, box-shadow 0.2s;
- margin: 0 0 -1px 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 #8dcdff;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #dbdbdb;
- border-color: #dbdbdb;
- color: #333333;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #007ad9;
- border-color: #007ad9;
- color: #ffffff;
- }
- .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: #007ad9;
- color: #ffffff;
- 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 #8dcdff;
- }
-
- .p-tieredmenu {
- padding: 0;
- background: #ffffff;
- color: #333333;
- border: 1px solid #c8c8c8;
- border-radius: 3px;
- width: 12.5rem;
- }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
- .p-tieredmenu .p-submenu-list {
- padding: 0;
- background: #ffffff;
- border: 1px solid #c8c8c8;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: #333333;
- transition: background-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #333333;
- padding: 0.857rem;
- user-select: none;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #333333;
- margin-right: 0.5rem;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #333333;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #333333;
- background: #eaeaea;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #eaeaea;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #333333;
- background: #d6d6d6;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #333333;
- background: #eaeaea;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #333333;
- }
- .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: #333333;
- }
- .p-tieredmenu .p-menuitem-separator {
- border-top: 1px solid #d8dae2;
- margin: 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;
- margin: 0;
- border-radius: 3px;
- }
- .p-inline-message.p-inline-message-info {
- background: #7fbcec;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #212121;
- }
- .p-inline-message.p-inline-message-success {
- background: #b7d8b7;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #212121;
- }
- .p-inline-message.p-inline-message-warn {
- background: #ffe399;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #212121;
- }
- .p-inline-message.p-inline-message-error {
- background: #f8b7bd;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #212121;
- }
- .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;
- }
- .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 #8dcdff;
- }
- .p-message.p-message-info {
- background: #7fbcec;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-message.p-message-info .p-message-icon {
- color: #212121;
- }
- .p-message.p-message-info .p-message-close {
- color: #212121;
- }
- .p-message.p-message-success {
- background: #b7d8b7;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-message.p-message-success .p-message-icon {
- color: #212121;
- }
- .p-message.p-message-success .p-message-close {
- color: #212121;
- }
- .p-message.p-message-warn {
- background: #ffe399;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-message.p-message-warn .p-message-icon {
- color: #212121;
- }
- .p-message.p-message-warn .p-message-close {
- color: #212121;
- }
- .p-message.p-message-error {
- background: #f8b7bd;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .p-message.p-message-error .p-message-icon {
- color: #212121;
- }
- .p-message.p-message-error .p-message-close {
- color: #212121;
- }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: normal;
- }
- .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 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 3px;
- }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 0.5rem;
- }
- .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 #8dcdff;
- }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #7fbcec;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .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: #212121;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #b7d8b7;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .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: #212121;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #ffe399;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .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: #212121;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #f8b7bd;
- border: 0 none;
- border-width: 0;
- color: #212121;
- }
- .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: #212121;
- }
-
- .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 0.5rem;
- }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-item-nav .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: #f4f4f4;
- 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: #eaeaea;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #007ad9;
- color: #ffffff;
- }
- .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: #007ad9;
- color: #ffffff;
- }
- .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 #8dcdff;
- }
-
- .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: #c8c8c8;
- 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: #007ad9;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- }
- .p-badge.p-badge-success {
- background-color: #34a835;
- color: #ffffff;
- }
- .p-badge.p-badge-info {
- background-color: #007ad9;
- color: #ffffff;
- }
- .p-badge.p-badge-warning {
- background-color: #ffba01;
- color: #333333;
- }
- .p-badge.p-badge-danger {
- background-color: #e91224;
- 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: #c8c8c8;
- color: #333333;
- border-radius: 16px;
- padding: 0 0.429rem;
- }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.2145rem;
- margin-bottom: 0.2145rem;
- }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem;
- }
- .p-chip .pi-chip-remove-icon {
- margin-left: 0.5rem;
- }
- .p-chip img {
- width: 1.929rem;
- height: 1.929rem;
- margin-left: -0.429rem;
- 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 #8dcdff;
- }
- .p-chip .pi-chip-remove-icon:focus {
- outline: 0 none;
- }
-
- .p-inplace .p-inplace-display {
- padding: 0.429rem 0.429rem;
- 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: #eaeaea;
- color: #333333;
- }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
- }
-
- .p-metergroup {
- display: flex;
- }
-
- .p-metergroup-meters {
- display: flex;
- }
-
- .p-metergroup-vertical .p-metergroup-meters {
- flex-direction: column;
- }
-
- .p-metergroup-labels {
- display: flex;
- flex-wrap: wrap;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-metergroup-vertical .p-metergroup-labels {
- align-items: start;
- }
-
- .p-metergroup-labels-vertical {
- flex-direction: column;
- }
-
- .p-metergroup-label {
- display: inline-flex;
- align-items: center;
- }
-
- .p-metergroup-label-marker {
- display: inline-flex;
- }
-
- .p-metergroup {
- gap: 1rem;
- }
- .p-metergroup .p-metergroup-meters {
- background: #eaeaea;
- border-radius: 3px;
- }
- .p-metergroup .p-metergroup-meter {
- border: 0 none;
- background: #007ad9;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
- background: #007ad9;
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 100%;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
- gap: 1rem;
- }
- .p-metergroup.p-metergroup-horizontal {
- flex-direction: column;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
- height: 0.5rem;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-metergroup.p-metergroup-vertical {
- flex-direction: row;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
- width: 0.5rem;
- height: 100%;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
- border-top-left-radius: 3px;
- border-top-right-radius: 3px;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
- }
-
- .p-progressbar {
- border: 0 none;
- height: 24px;
- background: #eaeaea;
- border-radius: 3px;
- }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #007ad9;
- }
- .p-progressbar .p-progressbar-label {
- color: #ffffff;
- line-height: 24px;
- }
-
- .p-scrolltop {
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
- 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: #f4f4f4;
- }
- .p-scrolltop .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-skeleton {
- background-color: #eaeaea;
- 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: #007ad9;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 3px;
- }
- .p-tag.p-tag-success {
- background-color: #34a835;
- color: #ffffff;
- }
- .p-tag.p-tag-info {
- background-color: #007ad9;
- color: #ffffff;
- }
- .p-tag.p-tag-warning {
- background-color: #ffba01;
- color: #333333;
- }
- .p-tag.p-tag-danger {
- background-color: #e91224;
- 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: #333333;
- border: 1px solid #c8c8c8;
- padding: 0.571rem 1rem;
- }
- .p-terminal .p-terminal-input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- }
-}
-@layer primeng {
- .p-panel .p-panel-header .p-panel-header-icon {
- color: #848484;
- }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #333333;
- }
-
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- color: #848484;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #333333;
- }
-}
-/* Customizations to the designer theme should be defined here */
diff --git a/client/src/assets/components/themes/rhea/theme.css b/client/src/assets/components/themes/rhea/theme.css
deleted file mode 100644
index aa7bcbb9..00000000
--- a/client/src/assets/components/themes/rhea/theme.css
+++ /dev/null
@@ -1,6370 +0,0 @@
-: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: #7b95a3;
- --primary-color-text: #ffffff;
- --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: 0.571rem 1rem;
- --inline-spacing: 0.5rem;
- --border-radius: 2px;
- --surface-ground: #f4f4f4;
- --surface-section: #ffffff;
- --surface-card: #ffffff;
- --surface-overlay: #ffffff;
- --surface-border: #dadada;
- --surface-hover: #eaeaea;
- --maskbg: rgba(0, 0, 0, 0.4);
- --highlight-bg: #afd3c8;
- --highlight-text-color: #385048;
- --focus-ring: 0 0 0 0.2rem #e4e9ec;
- color-scheme: light;
-}
-
-:root {
- --blue-50:#f6fbfe;
- --blue-100:#d4edfb;
- --blue-200:#b2e0f7;
- --blue-300:#91d2f4;
- --blue-400:#6fc4f0;
- --blue-500:#4db6ed;
- --blue-600:#419bc9;
- --blue-700:#367fa6;
- --blue-800:#2a6482;
- --blue-900:#1f495f;
- --green-50:#f7fcf9;
- --green-100:#daeee4;
- --green-200:#bce1ce;
- --green-300:#9fd4b8;
- --green-400:#81c7a3;
- --green-500:#64ba8d;
- --green-600:#559e78;
- --green-700:#468263;
- --green-800:#37664e;
- --green-900:#284a38;
- --yellow-50:#fffdf6;
- --yellow-100:#fef4d5;
- --yellow-200:#fdecb4;
- --yellow-300:#fce493;
- --yellow-400:#fbdb71;
- --yellow-500:#fad350;
- --yellow-600:#d5b344;
- --yellow-700:#af9438;
- --yellow-800:#8a742c;
- --yellow-900:#645420;
- --cyan-50:#f7fefe;
- --cyan-100:#daf8fa;
- --cyan-200:#bdf3f6;
- --cyan-300:#a0edf2;
- --cyan-400:#83e8ee;
- --cyan-500:#66e2ea;
- --cyan-600:#57c0c7;
- --cyan-700:#479ea4;
- --cyan-800:#387c81;
- --cyan-900:#295a5e;
- --pink-50:#fef8fc;
- --pink-100:#fadeef;
- --pink-200:#f7c4e2;
- --pink-300:#f3a9d5;
- --pink-400:#f08fc9;
- --pink-500:#ec75bc;
- --pink-600:#c963a0;
- --pink-700:#a55284;
- --pink-800:#824067;
- --pink-900:#5e2f4b;
- --indigo-50:#f7f9fe;
- --indigo-100:#d6e4f8;
- --indigo-200:#b6cef2;
- --indigo-300:#96b8ec;
- --indigo-400:#75a3e7;
- --indigo-500:#558de1;
- --indigo-600:#4878bf;
- --indigo-700:#3c639e;
- --indigo-800:#2f4e7c;
- --indigo-900:#22385a;
- --teal-50:#f6fbfa;
- --teal-100:#d4ebe7;
- --teal-200:#b2dbd4;
- --teal-300:#90ccc1;
- --teal-400:#6ebcae;
- --teal-500:#4cac9b;
- --teal-600:#419284;
- --teal-700:#35786d;
- --teal-800:#2a5f55;
- --teal-900:#1e453e;
- --orange-50:#fefbf6;
- --orange-100:#fbebd2;
- --orange-200:#f9dbae;
- --orange-300:#f6cb8a;
- --orange-400:#f3bb67;
- --orange-500:#f0ab43;
- --orange-600:#cc9139;
- --orange-700:#a8782f;
- --orange-800:#845e25;
- --orange-900:#60441b;
- --bluegray-50:#f9fafa;
- --bluegray-100:#e0e5e9;
- --bluegray-200:#c8d1d7;
- --bluegray-300:#b0bdc5;
- --bluegray-400:#97a8b4;
- --bluegray-500:#7f94a2;
- --bluegray-600:#6c7e8a;
- --bluegray-700:#596871;
- --bluegray-800:#465159;
- --bluegray-900:#333b41;
- --purple-50:#fbf8fc;
- --purple-100:#ecddf1;
- --purple-200:#ddc2e6;
- --purple-300:#cea7dc;
- --purple-400:#bf8cd1;
- --purple-500:#b071c6;
- --purple-600:#9660a8;
- --purple-700:#7b4f8b;
- --purple-800:#613e6d;
- --purple-900:#462d4f;
- --red-50:#fff7f5;
- --red-100:#ffd7cf;
- --red-200:#ffb7a8;
- --red-300:#ff9782;
- --red-400:#ff775b;
- --red-500:#ff5735;
- --red-600:#d94a2d;
- --red-700:#b33d25;
- --red-800:#8c301d;
- --red-900:#662315;
- --primary-50:#f8fafa;
- --primary-100:#dfe6e9;
- --primary-200:#c6d1d7;
- --primary-300:#adbdc6;
- --primary-400:#94a9b4;
- --primary-500:#7b95a3;
- --primary-600:#697f8b;
- --primary-700:#566872;
- --primary-800:#44525a;
- --primary-900:#313c41;
-}
-
-.p-editor-container .p-editor-toolbar {
- background: #7b95a3;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
-}
-.p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #7b95a3;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #a6a6a6;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #a6a6a6;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #a6a6a6;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #666666;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #666666;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #666666;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #666666;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #666666;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #666666;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #ffffff;
- border: 1px solid #eaeaea;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 2px;
- padding: 0;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #666666;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #666666;
- background: #f4f4f4;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.429rem 0.857rem;
-}
-.p-editor-container .p-editor-content {
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px;
-}
-.p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #dadada;
-}
-.p-editor-container .p-editor-content .ql-editor {
- background: #ffffff;
- color: #666666;
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover,
-.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: #666666;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #666666;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #666666;
-}
-.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: #7b95a3;
-}
-.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: #7b95a3;
-}
-.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: #7b95a3;
-}
-.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: #7b95a3;
-}
-
-@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.5;
- }
-
- .p-error {
- color: #e7a3a3;
- }
-
- .p-text-secondary {
- color: #a6a6a6;
- }
-
- .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: 2px;
- }
- .p-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec;
- }
-
- .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.429rem;
- }
- .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 2.786rem;
- }
- .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
- border-color: #a6a6a6;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec;
- border-color: #7b95a3;
- }
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.2145rem 0.429rem;
- gap: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.2145rem 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: #666666;
- padding: 0;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.2145rem 0.429rem;
- background: #dadada;
- color: #666666;
- 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: #cbcbcb;
- color: #666666;
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #e7a3a3;
- }
-
- .p-autocomplete-panel {
- background: #ffffff;
- color: #666666;
- border: 1px solid #eaeaea;
- border-radius: 2px;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #666666;
- 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:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #385048;
- background: #afd3c8;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: #aed3c7;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #666666;
- background: #e0e0e0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
- color: #666666;
- background: #f4f4f4;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #666666;
- background: #f4f4f4;
- font-weight: 700;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message {
- padding: 0.429rem 0.857rem;
- color: #666666;
- background: transparent;
- }
-
- p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
- border-color: #e7a3a3;
- }
-
- p-autocomplete.p-autocomplete-clearable .p-inputtext {
- padding-right: 1.858rem;
- }
- p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon {
- color: #a6a6a6;
- right: 0.429rem;
- }
-
- p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon {
- color: #a6a6a6;
- right: 2.786rem;
- }
-
- p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
- border-color: #e7a3a3;
- }
-
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec;
- border-color: #7b95a3;
- }
-
- .p-datepicker {
- padding: 0.857rem;
- background: #ffffff;
- color: #666666;
- border: 1px solid #dadada;
- border-radius: 2px;
- }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #ffffff;
- border: 1px solid #eaeaea;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #ffffff;
- }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: #666666;
- background: #ffffff;
- font-weight: 700;
- margin: 0;
- border-bottom: 0 none;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
-.p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- 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: #666666;
- border-color: transparent;
- background: transparent;
- }
- .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 #e4e9ec;
- }
- .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: #666666;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- font-weight: 700;
- 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: #7b95a3;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem;
- }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.857rem 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: 2px;
- 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: #385048;
- background: #afd3c8;
- }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec;
- }
- .p-datepicker table td.p-datepicker-today > span {
- background: #d0d0d0;
- color: #666666;
- border-color: transparent;
- }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #385048;
- background: #afd3c8;
- }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 0.857rem 0 0.429rem 0;
- border-top: 1px solid #dadada;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto;
- }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #dadada;
- padding: 0.857rem 0 0.429rem 0;
- }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- 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: #666666;
- border-color: transparent;
- background: transparent;
- }
- .p-datepicker .p-timepicker button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec;
- }
- .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.857rem 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: 2px;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #385048;
- background: #afd3c8;
- }
- .p-datepicker .p-yearpicker {
- margin: 0.857rem 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: 2px;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
- color: #385048;
- background: #afd3c8;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-left: 1px solid #dadada;
- padding-right: 0.857rem;
- padding-left: 0.857rem;
- 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: #f4f4f4;
- }
- .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 #e4e9ec;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
- background: #f4f4f4;
- }
- .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 #e4e9ec;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
- background: #f4f4f4;
- }
- .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 #e4e9ec;
- }
-
- p-calendar.p-calendar-clearable .p-inputtext {
- padding-right: 1.858rem;
- }
- p-calendar.p-calendar-clearable .p-calendar-clear-icon {
- color: #a6a6a6;
- right: 0.429rem;
- }
-
- p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon {
- color: #a6a6a6;
- right: 2.786rem;
- }
-
- @media screen and (max-width: 769px) {
- .p-datepicker table th, .p-datepicker table td {
- padding: 0.25rem;
- }
- }
- .p-cascadeselect {
- background: #ffffff;
- border: 1px solid #dadada;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 2px;
- }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #a6a6a6;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec;
- border-color: #7b95a3;
- }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.429rem 0.429rem;
- }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #a6a6a6;
- }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #a6a6a6;
- width: 2.357rem;
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #e7a3a3;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #f4f4f4;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #f4f4f4;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #f4f4f4;
- }
-
- .p-cascadeselect-panel {
- background: #ffffff;
- color: #666666;
- border: 1px solid #eaeaea;
- border-radius: 2px;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: #666666;
- 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:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #385048;
- background: #afd3c8;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: #aed3c7;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #666666;
- background: #e0e0e0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #666666;
- background: #f4f4f4;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.429rem 0.857rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem;
- }
-
- .p-input-filled .p-cascadeselect {
- background: #f4f4f4;
- }
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: #f4f4f4;
- }
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
- background-color: #f4f4f4;
- }
-
- p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect {
- border-color: #e7a3a3;
- }
-
- p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label {
- padding-right: 0.429rem;
- }
- p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon {
- color: #a6a6a6;
- 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: 1px solid #dadada;
- background: #ffffff;
- width: 20px;
- height: 20px;
- color: #666666;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #ffffff;
- font-size: 14px;
- }
- .p-checkbox .p-checkbox-box .p-icon {
- width: 14px;
- height: 14px;
- }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #7b95a3;
- background: #7b95a3;
- }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: #a6a6a6;
- }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec;
- border-color: #7b95a3;
- }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #617c8a;
- background: #617c8a;
- color: #ffffff;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #f4f4f4;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
- background: #7b95a3;
- }
- .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #f4f4f4;
- }
- .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #617c8a;
- }
-
- p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
- border-color: #e7a3a3;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #f4f4f4;
- }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #7b95a3;
- }
- .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #f4f4f4;
- }
- .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #617c8a;
- }
-
- .p-checkbox-label {
- margin-left: 0.5rem;
- }
-
- p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
- border-color: #e7a3a3;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #a6a6a6;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec;
- border-color: #7b95a3;
- }
- .p-chips .p-chips-multiple-container {
- padding: 0.2145rem 0.429rem;
- gap: 0.5rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #dadada;
- color: #666666;
- border-radius: 16px;
- }
- .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
- background: #cbcbcb;
- color: #666666;
- }
- .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.2145rem 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: #666666;
- padding: 0;
- margin: 0;
- }
-
- p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
- border-color: #e7a3a3;
- }
-
- p-chips.p-chips-clearable .p-inputtext {
- padding-right: 1.429rem;
- }
- p-chips.p-chips-clearable .p-chips-clear-icon {
- color: #a6a6a6;
- right: 0.429rem;
- }
-
- .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 0 6px 0 rgba(0, 0, 0, 0.16);
- }
-
- .p-dropdown {
- background: #ffffff;
- border: 1px solid #dadada;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 2px;
- }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #a6a6a6;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec;
- border-color: #7b95a3;
- }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.429rem;
- }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none;
- }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #a6a6a6;
- }
- .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: #a6a6a6;
- width: 2.357rem;
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: #a6a6a6;
- right: 2.357rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #e7a3a3;
- }
- .p-dropdown.p-variant-filled {
- background-color: #f4f4f4;
- }
- .p-dropdown.p-variant-filled:enabled:hover {
- background-color: #f4f4f4;
- }
- .p-dropdown.p-variant-filled:enabled:focus {
- background-color: #f4f4f4;
- }
-
- .p-dropdown-panel {
- background: #ffffff;
- color: #666666;
- border: 1px solid #eaeaea;
- border-radius: 2px;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #dadada;
- color: #666666;
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.429rem;
- margin-right: -1.429rem;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.429rem;
- color: #a6a6a6;
- }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #666666;
- 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:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #385048;
- background: #afd3c8;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: #aed3c7;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #666666;
- background: #e0e0e0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- color: #666666;
- background: #f4f4f4;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.857rem;
- color: #666666;
- background: #f4f4f4;
- font-weight: 700;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.429rem 0.857rem;
- color: #666666;
- background: transparent;
- }
-
- .p-input-filled .p-dropdown {
- background: #f4f4f4;
- }
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: #f4f4f4;
- }
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
- background-color: #f4f4f4;
- }
- .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: #e7a3a3;
- }
-
- .p-icon-field .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-inputgroup-addon {
- background: #dbdbdb;
- color: #666666;
- border-top: 1px solid #dadada;
- border-left: 1px solid #dadada;
- border-bottom: 1px solid #dadada;
- padding: 0.429rem 0.429rem;
- min-width: 2.357rem;
- }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #dadada;
- }
-
- .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: 2px;
- border-bottom-left-radius: 2px;
- }
-
- .p-inputgroup .p-float-label:first-child input {
- border-top-left-radius: 2px;
- border-bottom-left-radius: 2px;
- }
-
- .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: 2px;
- border-bottom-right-radius: 2px;
- }
-
- .p-inputgroup .p-float-label:last-child input {
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px;
- }
-
- .p-fluid .p-inputgroup .p-button {
- width: auto;
- }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.357rem;
- }
-
- .p-icon-field-left .p-input-icon:first-of-type {
- left: 0.429rem;
- color: #a6a6a6;
- }
-
- .p-icon-field-right .p-input-icon:last-of-type {
- right: 0.429rem;
- color: #a6a6a6;
- }
-
- p-inputmask.ng-dirty.ng-invalid > .p-inputtext {
- border-color: #e7a3a3;
- }
-
- p-inputmask.p-inputmask-clearable .p-inputtext {
- padding-right: 1.858rem;
- }
- p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon {
- color: #a6a6a6;
- right: 0.429rem;
- }
-
- .p-inputmask.p-variant-filled {
- background-color: #f4f4f4;
- }
- .p-inputmask.p-variant-filled:enabled:hover {
- background-color: #f4f4f4;
- }
- .p-inputmask.p-variant-filled:enabled:focus {
- background-color: #f4f4f4;
- }
-
- p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
- border-color: #e7a3a3;
- }
-
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-input {
- padding-right: 1.858rem;
- }
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon {
- color: #a6a6a6;
- right: 0.429rem;
- }
-
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon {
- right: 2.786rem;
- }
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon {
- right: 2.786rem;
- }
-
- p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #f4f4f4;
- }
- p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #f4f4f4;
- }
- p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #f4f4f4;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 1.858rem;
- }
-
- .p-inputswitch {
- width: 3rem;
- height: 1.75rem;
- }
- .p-inputswitch .p-inputswitch-slider {
- background: #ffffff;
- 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: #7b95a3;
- 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 #e4e9ec;
- }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: #d8dae2;
- }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: #afd3c8;
- }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: #385048;
- }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: #afd3c8;
- }
-
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
- border-color: #e7a3a3;
- }
-
- .p-inputtext {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #666666;
- background: #ffffff;
- padding: 0.429rem 0.429rem;
- border: 1px solid #dadada;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- appearance: none;
- border-radius: 2px;
- }
- .p-inputtext:enabled:hover {
- border-color: #a6a6a6;
- }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec;
- border-color: #7b95a3;
- }
- .p-inputtext.ng-dirty.ng-invalid {
- border-color: #e7a3a3;
- }
- .p-inputtext.p-variant-filled {
- background-color: #f4f4f4;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #f4f4f4;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #f4f4f4;
- }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.375375rem 0.375375rem;
- }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.53625rem 0.53625rem;
- }
-
- .p-float-label > label {
- left: 0.429rem;
- color: #a6a6a6;
- transition-duration: 0.2s;
- }
-
- .p-float-label > .ng-invalid.ng-dirty + label {
- color: #e7a3a3;
- }
-
- .p-input-icon-left > .p-icon-wrapper.p-icon,
-.p-input-icon-left > i:first-of-type {
- left: 0.429rem;
- color: #a6a6a6;
- }
-
- .p-input-icon-left > .p-inputtext {
- padding-left: 1.858rem;
- }
-
- .p-input-icon-left.p-float-label > label {
- left: 1.858rem;
- }
-
- .p-input-icon-right > .p-icon-wrapper,
-.p-input-icon-right > i:last-of-type {
- right: 0.429rem;
- color: #a6a6a6;
- }
-
- .p-input-icon-right > .p-inputtext {
- padding-right: 1.858rem;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 1.858rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 1.858rem;
- }
-
- .p-icon-field-right > .p-inputtext {
- padding-right: 1.858rem;
- }
-
- ::-webkit-input-placeholder {
- color: #a6a6a6;
- }
-
- :-moz-placeholder {
- color: #a6a6a6;
- }
-
- ::-moz-placeholder {
- color: #a6a6a6;
- }
-
- :-ms-input-placeholder {
- color: #a6a6a6;
- }
-
- .p-input-filled .p-inputtext {
- background-color: #f4f4f4;
- }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #f4f4f4;
- }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #f4f4f4;
- }
-
- .p-inputtext-sm .p-inputtext {
- font-size: 0.875rem;
- padding: 0.375375rem 0.375375rem;
- }
-
- .p-inputtext-lg .p-inputtext {
- font-size: 1.25rem;
- padding: 0.53625rem 0.53625rem;
- }
-
- .p-listbox {
- background: #ffffff;
- color: #666666;
- border: 1px solid #dadada;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-listbox .p-listbox-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #dadada;
- color: #666666;
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
- }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.429rem;
- }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.429rem;
- color: #a6a6a6;
- }
- .p-listbox .p-listbox-header .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-listbox .p-listbox-list {
- padding: 0;
- outline: 0 none;
- }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #666666;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #385048;
- background: #afd3c8;
- }
- .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.857rem;
- color: #666666;
- background: #f4f4f4;
- font-weight: 700;
- }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.429rem 0.857rem;
- color: #666666;
- background: transparent;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
- background: #aed3c7;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #666666;
- background: #f4f4f4;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #666666;
- background: #f4f4f4;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: #666666;
- background: #f4f4f4;
- }
- .p-listbox.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec;
- border-color: #7b95a3;
- }
-
- p-listbox.ng-dirty.ng-invalid > .p-listbox {
- border-color: #e7a3a3;
- }
-
- .p-multiselect {
- background: #ffffff;
- border: 1px solid #dadada;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 2px;
- }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #a6a6a6;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec;
- border-color: #7b95a3;
- }
- .p-multiselect .p-multiselect-label {
- padding: 0.429rem 0.429rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #a6a6a6;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #dadada;
- color: #666666;
- 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: #a6a6a6;
- width: 2.357rem;
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px;
- }
- .p-multiselect.p-variant-filled {
- background: #f4f4f4;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #f4f4f4;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #f4f4f4;
- }
-
- .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.2145rem 0.429rem;
- }
-
- .p-multiselect-clearable .p-multiselect-label-container {
- padding-right: 1.429rem;
- }
- .p-multiselect-clearable .p-multiselect-clear-icon {
- color: #a6a6a6;
- right: 2.357rem;
- }
-
- .p-multiselect-panel {
- background: #ffffff;
- color: #666666;
- border: 1px solid #eaeaea;
- border-radius: 2px;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #dadada;
- color: #666666;
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.429rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.429rem;
- color: #a6a6a6;
- }
- .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: #a6a6a6;
- 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: #666666;
- border-color: transparent;
- background: transparent;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec;
- }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #666666;
- 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:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #385048;
- background: #afd3c8;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: #aed3c7;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #666666;
- background: #f4f4f4;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #666666;
- background: #f4f4f4;
- }
- .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.857rem;
- color: #666666;
- background: #f4f4f4;
- font-weight: 700;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.429rem 0.857rem;
- color: #666666;
- background: transparent;
- }
-
- .p-input-filled .p-multiselect {
- background: #f4f4f4;
- }
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: #f4f4f4;
- }
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
- background-color: #f4f4f4;
- }
-
- p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
- border-color: #e7a3a3;
- }
-
- p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext {
- border-color: #e7a3a3;
- }
-
- .p-password-panel {
- padding: 0.571rem 1rem;
- background: #ffffff;
- color: #666666;
- border: 1px solid #f1f1f1;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 2px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #efefef;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #f4b6b6;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #ffe38e;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #a3e2c6;
- }
-
- p-password.p-password-clearable .p-password-input {
- padding-right: 1.858rem;
- }
- p-password.p-password-clearable .p-password-clear-icon {
- color: #a6a6a6;
- right: 0.429rem;
- }
-
- p-password.p-password-clearable.p-password-mask .p-password-input {
- padding-right: 3.287rem;
- }
- p-password.p-password-clearable.p-password-mask .p-password-clear-icon {
- color: #a6a6a6;
- right: 1.858rem;
- }
-
- .p-radiobutton {
- width: 20px;
- height: 20px;
- }
- .p-radiobutton .p-radiobutton-box {
- border: 1px solid #dadada;
- background: #ffffff;
- width: 20px;
- height: 20px;
- color: #666666;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: #a6a6a6;
- }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec;
- border-color: #7b95a3;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.2s;
- background-color: #ffffff;
- }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #7b95a3;
- background: #7b95a3;
- }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #617c8a;
- background: #617c8a;
- color: #ffffff;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #f4f4f4;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #f4f4f4;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight {
- background: #7b95a3;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #617c8a;
- }
-
- p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
- border-color: #e7a3a3;
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #f4f4f4;
- }
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #f4f4f4;
- }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
- background: #7b95a3;
- }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #617c8a;
- }
-
- .p-radiobutton-label {
- margin-left: 0.5rem;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- border-radius: 50%;
- outline-color: transparent;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- }
- .p-rating .p-rating-item .p-rating-icon {
- color: #666666;
- 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: #f3b9b9;
- }
- .p-rating .p-rating-item.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec;
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #7b95a3;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #7b95a3;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #d66161;
- }
-
- .p-selectbutton .p-button {
- background: #eaeaea;
- border: 1px solid #eaeaea;
- color: #333333;
- 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: #666666;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #c8c8c8;
- border-color: #c8c8c8;
- color: #333333;
- }
- .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: #666666;
- }
- .p-selectbutton .p-button.p-highlight {
- background: #afd3c8;
- border-color: #afd3c8;
- color: #385048;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #385048;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #8dc8b5;
- border-color: #8dc8b5;
- color: #385048;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #385048;
- }
-
- p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
- border-color: #e7a3a3;
- }
-
- .p-slider {
- background: #c4c4c4;
- border: 0 none;
- border-radius: 2px;
- }
- .p-slider.p-slider-horizontal {
- height: 0.286rem;
- }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -0.7145rem;
- margin-left: -0.7145rem;
- }
- .p-slider.p-slider-vertical {
- height: 100%;
- width: 0.286rem;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- height: 1.429rem;
- width: 1.429rem;
- margin-left: -0.7145rem;
- margin-bottom: -0.7145rem;
- }
- .p-slider .p-slider-handle {
- height: 1.429rem;
- width: 1.429rem;
- background: #ffffff;
- border: 2px solid #7f7f7f;
- 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 #e4e9ec;
- }
- .p-slider .p-slider-range {
- background: #7b95a3;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #7f7f7f;
- border-color: #7b95a3;
- }
- .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: #eaeaea;
- border: 1px solid #eaeaea;
- color: #333333;
- 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: #666666;
- }
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #c8c8c8;
- border-color: #c8c8c8;
- color: #333333;
- }
- .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: #666666;
- }
- .p-togglebutton.p-button.p-highlight {
- background: #afd3c8;
- border-color: #afd3c8;
- color: #385048;
- }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: #385048;
- }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #8dc8b5;
- border-color: #8dc8b5;
- color: #385048;
- }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: #385048;
- }
-
- p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
- border-color: #e7a3a3;
- }
-
- .p-treeselect {
- background: #ffffff;
- border: 1px solid #dadada;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 2px;
- }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #a6a6a6;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec;
- border-color: #7b95a3;
- }
- .p-treeselect .p-treeselect-label {
- padding: 0.429rem 0.429rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #a6a6a6;
- }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.2145rem 0.429rem;
- margin-right: 0.5rem;
- background: #dadada;
- color: #666666;
- border-radius: 16px;
- }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #a6a6a6;
- width: 2.357rem;
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px;
- }
- .p-treeselect.p-variant-filled {
- background-color: #f4f4f4;
- }
- .p-treeselect.p-variant-filled:enabled:hover {
- background-color: #f4f4f4;
- }
- .p-treeselect.p-variant-filled:enabled:focus {
- background-color: #f4f4f4;
- }
-
- p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
- border-color: #e7a3a3;
- }
-
- .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.2145rem 0.429rem;
- }
-
- .p-treeselect-panel {
- background: #ffffff;
- color: #666666;
- border: 1px solid #eaeaea;
- border-radius: 2px;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-treeselect-panel .p-treeselect-header {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #dadada;
- color: #666666;
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
- }
- .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.429rem;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
- right: 0.429rem;
- color: #a6a6a6;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
- padding-right: 2.858rem;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
- right: 1.858rem;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-close {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- 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: #666666;
- border-color: transparent;
- background: transparent;
- }
- .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec;
- }
- .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.429rem 0.857rem;
- color: #666666;
- background: transparent;
- }
-
- .p-input-filled .p-treeselect {
- background: #f4f4f4;
- }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #f4f4f4;
- }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #f4f4f4;
- }
-
- p-treeselect.p-treeselect-clearable .p-treeselect-label-container {
- padding-right: 1.429rem;
- }
- p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
- color: #a6a6a6;
- right: 2.357rem;
- }
-
- .p-button {
- color: #ffffff;
- background: #7b95a3;
- border: 1px solid #7b95a3;
- padding: 0.429rem 1rem;
- font-size: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 2px;
- outline-color: transparent;
- }
- .p-button:not(:disabled):hover {
- background: #6c8999;
- color: #ffffff;
- border-color: #6c8999;
- }
- .p-button:not(:disabled):active {
- background: #617c8a;
- color: #ffffff;
- border-color: #617c8a;
- }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #7b95a3;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(123, 149, 163, 0.04);
- color: #7b95a3;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(123, 149, 163, 0.16);
- color: #7b95a3;
- border: 1px solid;
- }
- .p-button.p-button-outlined.p-button-plain {
- color: #a6a6a6;
- border-color: #a6a6a6;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
- background: #f4f4f4;
- color: #a6a6a6;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
- background: #dbdbdb;
- color: #a6a6a6;
- }
- .p-button.p-button-text {
- background-color: transparent;
- color: #7b95a3;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(123, 149, 163, 0.04);
- color: #7b95a3;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(123, 149, 163, 0.16);
- color: #7b95a3;
- border-color: transparent;
- }
- .p-button.p-button-text.p-button-plain {
- color: #a6a6a6;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):hover {
- background: #f4f4f4;
- color: #a6a6a6;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):active {
- background: #dbdbdb;
- color: #a6a6a6;
- }
- .p-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec;
- }
- .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: #7b95a3;
- background-color: #ffffff;
- }
- .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.429rem 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.375375rem 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.53625rem 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-button-group {
- display: flex;
- }
- .p-fluid .p-button-group .p-button {
- flex: 1;
- }
-
- .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
- color: #ffffff;
- background: #a3897b;
- border: 1px solid #8e6f5f;
- }
- .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
- background: #8e6f5f;
- color: #ffffff;
- border-color: #7a5743;
- }
- .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.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 #bfaaa0;
- }
- .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
- background: #7a5743;
- color: #ffffff;
- border-color: #6e4e3c;
- }
- .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #a3897b;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.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(163, 137, 123, 0.04);
- color: #a3897b;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.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(163, 137, 123, 0.16);
- color: #a3897b;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #a3897b;
- border-color: transparent;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.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(163, 137, 123, 0.04);
- border-color: transparent;
- color: #a3897b;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.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(163, 137, 123, 0.16);
- border-color: transparent;
- color: #a3897b;
- }
-
- .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
- color: #3d4447;
- background: #a3def8;
- border: 1px solid #79c8eb;
- }
- .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
- background: #81cbec;
- color: #3d4447;
- border-color: #60b7de;
- }
- .p-button.p-button-info:not(:disabled):focus, .p-button-group.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 #d2effc;
- }
- .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
- background: #3ea9db;
- color: #3d4447;
- border-color: #2987b1;
- }
- .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #a3def8;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.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(163, 222, 248, 0.04);
- color: #a3def8;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.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(163, 222, 248, 0.16);
- color: #a3def8;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #a3def8;
- border-color: transparent;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.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(163, 222, 248, 0.04);
- border-color: transparent;
- color: #a3def8;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.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(163, 222, 248, 0.16);
- border-color: transparent;
- color: #a3def8;
- }
-
- .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
- color: #323e39;
- background: #a3e2c6;
- border: 1px solid #80caaa;
- }
- .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
- background: #80caaa;
- color: #323e39;
- border-color: #5ea285;
- }
- .p-button.p-button-success:not(:disabled):focus, .p-button-group.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 #caeede;
- }
- .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
- background: #31b57c;
- color: #323e39;
- border-color: #5ea285;
- }
- .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #a3e2c6;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.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(163, 226, 198, 0.04);
- color: #a3e2c6;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.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(163, 226, 198, 0.16);
- color: #a3e2c6;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #a3e2c6;
- border-color: transparent;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.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(163, 226, 198, 0.04);
- border-color: transparent;
- color: #a3e2c6;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.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(163, 226, 198, 0.16);
- border-color: transparent;
- color: #a3e2c6;
- }
-
- .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
- color: #333333;
- background: #ffe38e;
- border: 1px solid #ffd95e;
- }
- .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
- background: #ffd95e;
- color: #333333;
- border-color: #ffce3c;
- }
- .p-button.p-button-warning:not(:disabled):focus, .p-button-group.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 #ffe9a8;
- }
- .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
- background: #ffce3c;
- color: #333333;
- border-color: #ffc62a;
- }
- .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ffe38e;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.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, 227, 142, 0.04);
- color: #ffe38e;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.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, 227, 142, 0.16);
- color: #ffe38e;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #ffe38e;
- border-color: transparent;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.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, 227, 142, 0.04);
- border-color: transparent;
- color: #ffe38e;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.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, 227, 142, 0.16);
- border-color: transparent;
- color: #ffe38e;
- }
-
- .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
- color: #333333;
- background: #e9bef1;
- border: 1px solid #de9eea;
- }
- .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
- background: #de9eea;
- color: #333333;
- border-color: #d37de3;
- }
- .p-button.p-button-help:not(:disabled):focus, .p-button-group.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 #f0d3f6;
- }
- .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
- background: #d37de3;
- color: #333333;
- border-color: #c85ddc;
- }
- .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #e9bef1;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.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(233, 190, 241, 0.04);
- color: #e9bef1;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.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(233, 190, 241, 0.16);
- color: #e9bef1;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #e9bef1;
- border-color: transparent;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.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(233, 190, 241, 0.04);
- border-color: transparent;
- color: #e9bef1;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.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(233, 190, 241, 0.16);
- border-color: transparent;
- color: #e9bef1;
- }
-
- .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
- color: #262222;
- background: #f4b6b6;
- border: 1px solid #e38787;
- }
- .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
- background: #ef9999;
- color: #262222;
- border-color: #cb5858;
- }
- .p-button.p-button-danger:not(:disabled):focus, .p-button-group.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 #fbe2e2;
- }
- .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
- background: #eb5656;
- color: #262222;
- border-color: #b73737;
- }
- .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #f4b6b6;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.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, 182, 182, 0.04);
- color: #f4b6b6;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.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, 182, 182, 0.16);
- color: #f4b6b6;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #f4b6b6;
- border-color: transparent;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.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, 182, 182, 0.04);
- border-color: transparent;
- color: #f4b6b6;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.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, 182, 182, 0.16);
- border-color: transparent;
- color: #f4b6b6;
- }
-
- .p-button.p-button-link {
- color: #617c8a;
- background: transparent;
- border: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #617c8a;
- 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 #e4e9ec;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #617c8a;
- 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 #e4e9ec;
- }
-
- .p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: #324249;
- color: #fff;
- }
- .p-speeddial-action:hover {
- background: #222c31;
- 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: 2px;
- }
- .p-splitbutton.p-button-rounded {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-rounded > .p-button {
- border-radius: 2rem;
- }
- .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-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- 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: #666666;
- border-color: transparent;
- background: transparent;
- }
- .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 #e4e9ec;
- }
- .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: #7b95a3;
- 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: #617c8a;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: #afd3c8;
- color: #385048;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 1px 1px 0 1px;
- border-radius: 0;
- }
- .p-datatable .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- border-radius: 0;
- }
- .p-datatable .p-datatable-header {
- background: #7b95a3;
- color: #ffffff;
- border: 1px solid #7b95a3;
- border-width: 1px 1px 0 1px;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-datatable .p-datatable-footer {
- background: #ffffff;
- color: #666666;
- border: 1px solid #dadada;
- border-width: 0 1px 1px 1px;
- padding: 0.571rem 1rem;
- font-weight: normal;
- }
- .p-datatable .p-datatable-thead > tr > th {
- text-align: left;
- padding: 0.571rem 0.857rem;
- border: 1px solid #dadada;
- border-width: 1px 1px 1px 1px;
- font-weight: 700;
- color: #666666;
- background: #ffffff;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-datatable .p-datatable-tfoot > tr > td {
- text-align: left;
- padding: 0.571rem 0.857rem;
- border: 1px solid #dadada;
- border-width: 1px;
- font-weight: 700;
- color: #666666;
- background: #ffffff;
- }
- .p-datatable .p-sortable-column .p-sortable-column-icon {
- color: #666666;
- 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: #385048;
- background: #afd3c8;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover {
- background: #eaeaea;
- color: #666666;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #666666;
- }
- .p-datatable .p-sortable-column.p-highlight {
- background: #afd3c8;
- color: #385048;
- }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #385048;
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: #afd3c8;
- color: #385048;
- }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #385048;
- }
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: inset 0 0 0 0.15rem #e4e9ec;
- outline: 0 none;
- }
- .p-datatable .p-datatable-tbody > tr {
- background: #ffffff;
- color: #666666;
- 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 #dadada;
- border-width: 1px;
- padding: 0.571rem 0.857rem;
- }
- .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: #a6a6a6;
- 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: #666666;
- border-color: transparent;
- background: transparent;
- }
- .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 #e4e9ec;
- }
- .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 #e4e9ec;
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #afd3c8;
- color: #385048;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #afd3c8;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #afd3c8;
- }
- .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
- background: #eaeaea;
- color: #666666;
- }
- .p-datatable .p-column-resizer-helper {
- background: #7b95a3;
- }
- .p-datatable .p-datatable-scrollable-header,
-.p-datatable .p-datatable-scrollable-footer {
- background: #7b95a3;
- }
- .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: #ffffff;
- }
- .p-datatable .p-datatable-loading-icon {
- font-size: 2rem;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 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: #f8f8f8;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: #afd3c8;
- color: #385048;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: #385048;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: #385048;
- }
- .p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.72845rem 0.85rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.48535rem 0.72845rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.48535rem 0.72845rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.48535rem 0.85rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.48535rem 0.85rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.07125rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 0.71375rem 1.07125rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 0.71375rem 1.07125rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 0.71375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 0.71375rem 1.25rem;
- }
-
- .p-dataview .p-paginator-top {
- border-width: 1px 1px 0 1px;
- border-radius: 0;
- }
- .p-dataview .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- border-radius: 0;
- }
- .p-dataview .p-dataview-header {
- background: #7b95a3;
- color: #ffffff;
- border: 1px solid #7b95a3;
- border-width: 1px 1px 0 1px;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-dataview .p-dataview-content {
- background: #ffffff;
- color: #666666;
- border: 0 none;
- padding: 0;
- }
- .p-dataview .p-dataview-footer {
- background: #ffffff;
- color: #666666;
- border: 1px solid #dadada;
- border-width: 0 1px 1px 1px;
- padding: 0.571rem 1rem;
- font-weight: normal;
- border-bottom-left-radius: 2px;
- border-bottom-right-radius: 2px;
- }
- .p-dataview .p-dataview-loading-icon {
- font-size: 2rem;
- }
- .p-dataview .p-dataview-emptymessage {
- padding: 0.571rem 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: #a6a6a6;
- 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: #666666;
- border-color: transparent;
- background: transparent;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: transparent;
- color: #666666;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: #afd3c8;
- color: #385048;
- }
- .p-column-filter-menu-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec;
- }
-
- .p-column-filter-clear-button {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- 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: #666666;
- border-color: transparent;
- background: transparent;
- }
- .p-column-filter-clear-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec;
- }
-
- .p-column-filter-overlay {
- background: #ffffff;
- color: #666666;
- border: 1px solid #eaeaea;
- border-radius: 2px;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- min-width: 12.5rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.429rem 0.857rem;
- border: 0 none;
- color: #666666;
- 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:first-child {
- margin-top: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #385048;
- background: #afd3c8;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #666666;
- background: #f4f4f4;
- }
- .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 #e4e9ec;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #dadada;
- margin: 0;
- }
-
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0.429rem 0.857rem;
- border-bottom: 1px solid #dadada;
- color: #666666;
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0.571rem 1rem;
- border-bottom: 1px solid #dadada;
- }
- .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.571rem 1rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0.571rem 1rem;
- }
-
- .p-orderlist .p-orderlist-controls {
- padding: 0.571rem 1rem;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem;
- }
- .p-orderlist .p-orderlist-list-container {
- background: #ffffff;
- border: 1px solid #dadada;
- border-radius: 2px;
- 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 #e4e9ec;
- border-color: #7b95a3;
- }
- .p-orderlist .p-orderlist-header {
- color: #ffffff;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-orderlist .p-orderlist-header .p-orderlist-title {
- font-weight: 700;
- }
- .p-orderlist .p-orderlist-filter-container {
- padding: 0.857rem 1rem;
- background: #ffffff;
- border: 1px solid #7b95a3;
- border-bottom: 0 none;
- }
- .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
- padding-right: 1.429rem;
- }
- .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
- right: 0.429rem;
- color: #a6a6a6;
- }
- .p-orderlist .p-orderlist-list {
- color: #666666;
- padding: 0;
- outline: 0 none;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border-top: 1px solid #dadada;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.429rem 0.857rem;
- margin: 0;
- border: 0 none;
- color: #666666;
- background: transparent;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
- margin-top: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: #f4f4f4;
- color: #666666;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
- color: #666666;
- background: #e0e0e0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #385048;
- background: #afd3c8;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: #aed3c7;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-empty-message {
- padding: 0.429rem 0.857rem;
- color: #666666;
- }
- .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover {
- background: #f4f4f4;
- color: #666666;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
- background: #f8f8f8;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
- background: #f4f4f4;
- }
-
- .p-orderlist-item.cdk-drag-preview {
- padding: 0.429rem 0.857rem;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- border: 0 none;
- color: #666666;
- background: #ffffff;
- margin: 0;
- }
-
- .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
- background: #f4f4f4;
- color: #666666;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight {
- background: #afd3c8;
- color: #385048;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #5da68f;
- }
- .p-organizationchart .p-organizationchart-line-down {
- background: #c8c8c8;
- }
- .p-organizationchart .p-organizationchart-line-left {
- border-right: 1px solid #dadada;
- border-color: #c8c8c8;
- }
- .p-organizationchart .p-organizationchart-line-top {
- border-top: 1px solid #dadada;
- border-color: #c8c8c8;
- }
- .p-organizationchart .p-organizationchart-node-content {
- border: 1px solid #dadada;
- background: #ffffff;
- color: #666666;
- padding: 0.571rem 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 #e4e9ec;
- }
-
- .p-paginator {
- background: #ffffff;
- color: #666666;
- border: solid #dadada;
- border-width: 1px;
- padding: 0;
- border-radius: 2px;
- }
- .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: #666666;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .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: #f4f4f4;
- border-color: transparent;
- color: #666666;
- }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
- .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: #666666;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- padding: 0 0.5rem;
- }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: #666666;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #afd3c8;
- border-color: #afd3c8;
- color: #385048;
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: #f4f4f4;
- border-color: transparent;
- color: #666666;
- }
-
- .p-picklist .p-picklist-buttons {
- padding: 0.571rem 1rem;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem;
- }
- .p-picklist .p-picklist-list-wrapper {
- background: #ffffff;
- border: 1px solid #dadada;
- border-radius: 2px;
- 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 #e4e9ec;
- border-color: #7b95a3;
- }
- .p-picklist .p-picklist-header {
- color: #ffffff;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-picklist .p-picklist-header .p-picklist-title {
- font-weight: 700;
- }
- .p-picklist .p-picklist-filter-container {
- padding: 0.857rem 1rem;
- background: #ffffff;
- border: 1px solid #7b95a3;
- border-bottom: 0 none;
- }
- .p-picklist .p-picklist-filter-container .p-picklist-filter-input {
- padding-right: 1.429rem;
- }
- .p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
- right: 0.429rem;
- color: #a6a6a6;
- }
- .p-picklist .p-picklist-list {
- color: #666666;
- padding: 0;
- outline: 0 none;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border-top: 1px solid #dadada;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.429rem 0.857rem;
- margin: 0;
- border: 0 none;
- color: #666666;
- background: transparent;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-picklist .p-picklist-list .p-picklist-item:first-child {
- margin-top: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: #f4f4f4;
- color: #666666;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-focus {
- color: #666666;
- background: #e0e0e0;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #385048;
- background: #afd3c8;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: #aed3c7;
- }
- .p-picklist .p-picklist-list .p-picklist-empty-message {
- padding: 0.429rem 0.857rem;
- color: #666666;
- }
- .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover {
- background: #f4f4f4;
- color: #666666;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
- background: #f8f8f8;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
- background: #f4f4f4;
- }
-
- .p-picklist-item.cdk-drag-preview {
- padding: 0.429rem 0.857rem;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- border: 0 none;
- color: #666666;
- background: #ffffff;
- margin: 0;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 0 none;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #afd3c8;
- }
- .p-timeline .p-timeline-event-connector {
- background-color: #c8c8c8;
- }
- .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 #dadada;
- background: #ffffff;
- color: #666666;
- padding: 0.571rem 1rem;
- border-radius: 2px;
- }
- .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 #e4e9ec;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 2px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- padding: 0;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- 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: #666666;
- border-color: transparent;
- background: transparent;
- }
- .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 #e4e9ec;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #a6a6a6;
- }
- .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: #666666;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #f4f4f4;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
- background: #7b95a3;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
- background-color: #f4f4f4;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
- background: #617c8a;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #afd3c8;
- color: #385048;
- }
- .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: #385048;
- }
- .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: #385048;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: #f4f4f4;
- color: #666666;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
- background: #f4f4f4;
- color: #666666;
- }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.429rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.429rem;
- color: #a6a6a6;
- }
- .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: #7db8a6;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content {
- border-radius: 2px;
- border: 1px solid #dadada;
- background-color: #ffffff;
- color: #666666;
- padding: 0;
- 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: #afd3c8;
- color: #385048;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #385048;
- }
- .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: #a6a6a6;
- 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: #f4f4f4;
- color: #666666;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 1px 1px 0 1px;
- border-radius: 0;
- }
- .p-treetable .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- border-radius: 0;
- }
- .p-treetable .p-treetable-header {
- background: #7b95a3;
- color: #ffffff;
- border: 1px solid #7b95a3;
- border-width: 1px 1px 0 1px;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-treetable .p-treetable-footer {
- background: #ffffff;
- color: #666666;
- border: 1px solid #dadada;
- border-width: 0 1px 1px 1px;
- padding: 0.571rem 1rem;
- font-weight: normal;
- }
- .p-treetable .p-treetable-thead > tr > th {
- text-align: left;
- padding: 0.571rem 0.857rem;
- border: 1px solid #dadada;
- border-width: 1px 1px 1px 1px;
- font-weight: 700;
- color: #666666;
- background: #ffffff;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-treetable .p-treetable-tfoot > tr > td {
- text-align: left;
- padding: 0.571rem 0.857rem;
- border: 1px solid #dadada;
- border-width: 1px;
- font-weight: 700;
- color: #666666;
- background: #ffffff;
- }
- .p-treetable .p-sortable-column {
- outline-color: #e4e9ec;
- }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #666666;
- 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: #385048;
- background: #afd3c8;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: #eaeaea;
- color: #666666;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #666666;
- }
- .p-treetable .p-sortable-column.p-highlight {
- background: #afd3c8;
- color: #385048;
- }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #385048;
- }
- .p-treetable .p-treetable-tbody > tr {
- background: #ffffff;
- color: #666666;
- 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 #dadada;
- border-width: 1px;
- padding: 0.571rem 0.857rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- 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: #666666;
- border-color: transparent;
- background: transparent;
- }
- .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 #e4e9ec;
- }
- .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: #666666;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #f4f4f4;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
- background: #7b95a3;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
- background-color: #f4f4f4;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
- background: #617c8a;
- }
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid #e4e9ec;
- outline-offset: -0.15rem;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #afd3c8;
- color: #385048;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #385048;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #385048;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
- background: #eaeaea;
- color: #666666;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #666666;
- }
- .p-treetable .p-column-resizer-helper {
- background: #7b95a3;
- }
- .p-treetable .p-treetable-scrollable-header,
-.p-treetable .p-treetable-scrollable-footer {
- background: #7b95a3;
- }
- .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.749875rem 0.875rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.48535rem 0.72845rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.48535rem 0.72845rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.48535rem 0.85rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.48535rem 0.85rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.07125rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 0.71375rem 1.07125rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 0.71375rem 1.07125rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 0.71375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 0.71375rem 1.25rem;
- }
-
- .p-virtualscroller .p-virtualscroller-header {
- background: #7b95a3;
- color: #ffffff;
- border: 1px solid #7b95a3;
- border-width: 1px 1px 0 1px;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .p-virtualscroller .p-virtualscroller-content {
- background: #ffffff;
- color: #666666;
- border: 0 none;
- padding: 0;
- }
- .p-virtualscroller .p-virtualscroller-footer {
- background: #ffffff;
- color: #666666;
- border: 1px solid #dadada;
- border-width: 0 1px 1px 1px;
- padding: 0.571rem 1rem;
- font-weight: normal;
- border-bottom-left-radius: 2px;
- border-bottom-right-radius: 2px;
- }
-
- .p-accordion .p-accordion-header .p-accordion-header-link {
- padding: 0.857rem 1rem;
- border: 1px solid #7b95a3;
- color: #ffffff;
- background: #7b95a3;
- font-weight: 700;
- border-radius: 2px;
- 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 #e4e9ec;
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: #617c8a;
- border-color: #617c8a;
- color: #ffffff;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
- background: #afd3c8;
- border-color: #dadada;
- color: #385048;
- 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: #8dc8b5;
- background: #8dc8b5;
- color: #385048;
- }
- .p-accordion .p-accordion-content {
- padding: 0.571rem 1rem;
- border: 1px solid #dadada;
- background: #ffffff;
- color: #666666;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px;
- }
- .p-accordion p-accordiontab .p-accordion-tab {
- margin-bottom: 2px;
- }
-
- .p-card {
- background: #ffffff;
- color: #666666;
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
- border-radius: 2px;
- }
- .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: #a6a6a6;
- }
- .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 #dadada;
- }
- .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 #dadada;
- }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0;
- }
-
- .p-fieldset {
- border: 1px solid #dadada;
- background: #ffffff;
- color: #666666;
- border-radius: 2px;
- }
- .p-fieldset .p-fieldset-legend {
- padding: 0.857rem 1rem;
- border: 1px solid #7b95a3;
- color: #ffffff;
- background: #7b95a3;
- font-weight: 700;
- border-radius: 2px;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 0.857rem 1rem;
- color: #ffffff;
- border-radius: 2px;
- 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 #e4e9ec;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: #617c8a;
- border-color: #617c8a;
- color: #ffffff;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0.571rem 1rem;
- }
-
- .p-panel .p-panel-header {
- border: 1px solid #7b95a3;
- padding: 0.857rem 1rem;
- background: #7b95a3;
- color: #ffffff;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
- }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 700;
- }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- 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: #666666;
- border-color: transparent;
- background: transparent;
- }
- .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec;
- }
- .p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.857rem 1rem;
- }
- .p-panel .p-panel-content {
- padding: 0.571rem 1rem;
- border: 1px solid #dadada;
- background: #ffffff;
- color: #666666;
- border-top: 0 none;
- }
- .p-panel .p-panel-content:last-child {
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px;
- }
- .p-panel .p-panel-footer {
- padding: 0.571rem 1rem;
- border: 1px solid #dadada;
- background: #ffffff;
- color: #666666;
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px;
- 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: #f8f8f8;
- 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 #e4e9ec;
- }
-
- .p-splitter {
- border: 1px solid #dadada;
- background: #ffffff;
- border-radius: 2px;
- color: #666666;
- }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: #eaeaea;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #dadada;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec;
- }
- .p-splitter .p-splitter-gutter-resizing {
- background: #dadada;
- }
-
- .p-tabview .p-tabview-nav-content {
- scroll-padding-inline: 2.357rem;
- }
- .p-tabview .p-tabview-nav {
- background: transparent;
- border: 0 none;
- border-width: 1px;
- }
- .p-tabview .p-tabview-nav li {
- margin-right: 2px;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: 1px solid #7b95a3;
- border-width: 1px;
- border-color: #7b95a3;
- background: #7b95a3;
- color: #ffffff;
- padding: 0.857rem 1rem;
- font-weight: 700;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- margin: 0 0 -1px 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 #e4e9ec;
- }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #617c8a;
- border-color: #617c8a;
- color: #ffffff;
- }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #afd3c8;
- border-color: #dadada;
- color: #385048;
- }
- .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: #afd3c8;
- color: #385048;
- 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 #e4e9ec;
- }
- .p-tabview .p-tabview-panels {
- background: #ffffff;
- padding: 0.571rem 1rem;
- border: 1px solid #dadada;
- color: #666666;
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px;
- }
-
- .p-toolbar {
- background: #7b95a3;
- border: 1px solid #7b95a3;
- padding: 0.857rem 1rem;
- border-radius: 2px;
- gap: 0.5rem;
- }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem;
- }
-
- .p-stepper .p-stepper-nav {
- position: relative;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow-x: auto;
- }
-
- .p-stepper-vertical .p-stepper-nav {
- flex-direction: column;
- }
-
- .p-stepper-header {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- align-items: center;
- }
- .p-stepper-header:last-of-type {
- flex: initial;
- }
-
- .p-stepper-header .p-stepper-action {
- border: 0 none;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- cursor: pointer;
- }
- .p-stepper-header .p-stepper-action:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec;
- }
-
- .p-stepper.p-stepper-readonly .p-stepper-header {
- cursor: auto;
- }
-
- .p-stepper-header.p-highlight .p-stepper-action {
- cursor: default;
- }
-
- .p-stepper-title {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-stepper-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-stepper-separator {
- flex: 1 1 0;
- }
-
- .p-stepper .p-stepper-nav {
- display: flex;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .p-stepper .p-stepper-header {
- padding: 0.5rem;
- }
- .p-stepper .p-stepper-header .p-stepper-action {
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 2px;
- background: #ffffff;
- outline-color: transparent;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- color: #a6a6a6;
- border: 1px solid #c8c8c8;
- border-width: 2px;
- background: #ffffff;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
- margin-left: 0.5rem;
- color: #a6a6a6;
- font-weight: 700;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #afd3c8;
- color: #385048;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #666666;
- }
- .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec;
- }
- .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
- background-color: #7b95a3;
- }
- .p-stepper .p-stepper-panels {
- background: #ffffff;
- padding: 0.571rem 1rem;
- color: #666666;
- }
- .p-stepper .p-stepper-separator {
- background-color: #c8c8c8;
- width: 100%;
- height: 2px;
- margin-inline-start: 1rem;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-stepper.p-stepper-vertical {
- display: flex;
- flex-direction: column;
- }
- .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
- display: flex;
- flex: 1 1 auto;
- background: #ffffff;
- color: #666666;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel {
- display: flex;
- flex-direction: column;
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
- flex: 1 1 auto;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
- width: 100%;
- padding-left: 1rem;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
- flex: 0 0 auto;
- width: 2px;
- height: auto;
- margin-inline-start: calc(1.75rem + 2px);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
- background-color: #7b95a3;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
- padding-left: 3rem;
- }
-
- .p-confirm-popup {
- background: #ffffff;
- color: #666666;
- border: 1px solid #f1f1f1;
- border-radius: 2px;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 0.571rem 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0.571rem 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(241, 241, 241, 0);
- border-bottom-color: #f1f1f1;
- }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #ffffff;
- }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #f1f1f1;
- }
- .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: 2px;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- border: 1px solid #f1f1f1;
- }
- .p-dialog .p-dialog-header {
- border-bottom: 1px solid #7b95a3;
- background: #7b95a3;
- color: #ffffff;
- padding: 1rem;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
- }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 700;
- font-size: 1rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- 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: #666666;
- border-color: transparent;
- background: transparent;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0;
- }
- .p-dialog .p-dialog-content {
- background: #ffffff;
- color: #666666;
- padding: 1rem;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px;
- }
- .p-dialog .p-dialog-footer {
- border-top: 1px solid #dadada;
- background: #ffffff;
- color: #666666;
- padding: 0.571rem 1rem;
- text-align: right;
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px;
- }
- .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: #666666;
- border: 1px solid #f1f1f1;
- border-radius: 2px;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0.571rem 1rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- background: #7b95a3;
- color: #ffffff;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #6c8999;
- color: #ffffff;
- }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff;
- }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(241, 241, 241, 0);
- border-bottom-color: #e5e5e5;
- }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #ffffff;
- }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #f1f1f1;
- }
-
- .p-sidebar {
- background: #ffffff;
- color: #666666;
- border: 1px solid #f1f1f1;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-sidebar .p-sidebar-header {
- padding: 0.857rem 1rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: #a6a6a6;
- 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: #666666;
- border-color: transparent;
- background: transparent;
- }
- .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 #e4e9ec;
- }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0;
- }
- .p-sidebar .p-sidebar-content {
- padding: 0.571rem 1rem;
- }
- .p-sidebar .p-sidebar-footer {
- padding: 0.857rem 1rem;
- }
-
- .p-tooltip .p-tooltip-text {
- background: #afd3c8;
- color: #385048;
- padding: 0.429rem 0.429rem;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 2px;
- }
- .p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #afd3c8;
- }
- .p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #afd3c8;
- }
- .p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #afd3c8;
- }
- .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #afd3c8;
- }
-
- .p-fileupload .p-fileupload-buttonbar {
- background: #7b95a3;
- padding: 0.857rem 1rem;
- border: 1px solid #7b95a3;
- color: #ffffff;
- border-bottom: 0 none;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
- }
- .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 #e4e9ec;
- }
- .p-fileupload .p-fileupload-content {
- background: #ffffff;
- padding: 0.571rem 1rem;
- border: 1px solid #dadada;
- color: #666666;
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px;
- }
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- border-color: 1px dashed #7b95a3;
- border-style: dashed;
- background-color: #afd3c8;
- }
- .p-fileupload .p-progressbar {
- height: 0.25rem;
- }
- .p-fileupload .p-fileupload-row > div {
- padding: 0.571rem 0.857rem;
- }
- .p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0;
- }
-
- .p-fileupload-choose:not(.p-disabled):hover {
- background: #6c8999;
- color: #ffffff;
- border-color: #6c8999;
- }
- .p-fileupload-choose:not(.p-disabled):active {
- background: #617c8a;
- color: #ffffff;
- border-color: #617c8a;
- }
-
- .p-breadcrumb {
- background: #ffffff;
- border: 1px solid #c8c8c8;
- border-radius: 2px;
- padding: 0.571rem 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: 2px;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
- color: #666666;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
- color: #666666;
- }
- .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
- margin: 0 0.5rem 0 0.5rem;
- color: #666666;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
- color: #666666;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
- color: #666666;
- }
-
- .p-contextmenu {
- padding: 0;
- background: #ffffff;
- color: #666666;
- border: 1px solid #eaeaea;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 2px;
- width: 12.5rem;
- }
- .p-contextmenu .p-contextmenu-root-list {
- outline: 0 none;
- }
- .p-contextmenu .p-submenu-list {
- padding: 0;
- background: #ffffff;
- border: 1px solid #eaeaea;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 2px;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: #666666;
- 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: #666666;
- padding: 0.857rem;
- user-select: none;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #666666;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #666666;
- margin-right: 0.5rem;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #666666;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #666666;
- background: #eaeaea;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #666666;
- }
- .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: #666666;
- }
- .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #eaeaea;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #666666;
- background: #e0e0e0;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #666666;
- }
- .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: #666666;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #666666;
- background: #eaeaea;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #666666;
- }
- .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: #666666;
- }
- .p-contextmenu .p-menuitem-separator {
- border-top: 1px solid #dadada;
- margin: 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: 2px;
- }
- .p-dock .p-dock-item.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #e4e9ec;
- }
- .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: #ffffff;
- color: #666666;
- border: 1px solid #c8c8c8;
- border-radius: 2px;
- }
- .p-megamenu .p-megamenu-root-list {
- outline: 0 none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content {
- color: #666666;
- 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: #666666;
- padding: 0.857rem;
- user-select: none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #666666;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #666666;
- margin-right: 0.5rem;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #666666;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #666666;
- background: #eaeaea;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #666666;
- }
- .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: #666666;
- }
- .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #eaeaea;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #666666;
- background: #e0e0e0;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #666666;
- }
- .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: #666666;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #666666;
- background: #eaeaea;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #666666;
- }
- .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: #666666;
- }
- .p-megamenu .p-megamenu-panel {
- background: #ffffff;
- color: #666666;
- border: 1px solid #eaeaea;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 2px;
- }
- .p-megamenu .p-submenu-header {
- margin: 0;
- padding: 0.857rem;
- color: #666666;
- background: #f4f4f4;
- font-weight: 700;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
- }
- .p-megamenu .p-submenu-list {
- padding: 0;
- width: 12.5rem;
- }
- .p-megamenu .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #dadada;
- margin: 0;
- }
- .p-megamenu.p-megamenu-vertical {
- width: 12.5rem;
- padding: 0;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
- color: #666666;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 2px;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.857rem;
- user-select: none;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #666666;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #666666;
- 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: #666666;
- 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: #666666;
- background: #eaeaea;
- }
- .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: #666666;
- }
- .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: #666666;
- }
-
- .p-menu {
- padding: 0;
- background: #ffffff;
- color: #666666;
- border: 1px solid #c8c8c8;
- border-radius: 2px;
- width: 12.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content {
- color: #666666;
- 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: #666666;
- padding: 0.857rem;
- user-select: none;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #666666;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #666666;
- margin-right: 0.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #666666;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #666666;
- background: #eaeaea;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #666666;
- }
- .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: #666666;
- }
- .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #eaeaea;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #666666;
- background: #e0e0e0;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #666666;
- }
- .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: #666666;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #666666;
- background: #eaeaea;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #666666;
- }
- .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: #666666;
- }
- .p-menu.p-menu-overlay {
- background: #ffffff;
- border: 1px solid #eaeaea;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.857rem;
- color: #666666;
- background: #f4f4f4;
- font-weight: 700;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
- }
- .p-menu .p-menuitem-separator {
- border-top: 1px solid #dadada;
- margin: 0;
- }
- .p-menu .p-menuitem-badge {
- background: #7b95a3;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- border-radius: 2px;
- margin-left: 0.5rem;
- padding-left: 0.5rem;
- padding-right: 0.5rem;
- }
-
- .p-menubar {
- padding: 0.5rem;
- background: #ffffff;
- color: #666666;
- border: 1px solid #c8c8c8;
- border-radius: 2px;
- }
- .p-menubar .p-menubar-root-list {
- outline: 0 none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
- color: #666666;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 2px;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.857rem;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #666666;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #666666;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #666666;
- margin-left: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #666666;
- background: #eaeaea;
- }
- .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: #666666;
- }
- .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: #666666;
- }
- .p-menubar .p-menuitem > .p-menuitem-content {
- color: #666666;
- 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: #666666;
- padding: 0.857rem;
- user-select: none;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #666666;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #666666;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #666666;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
- color: #666666;
- background: #eaeaea;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #666666;
- }
- .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: #666666;
- }
- .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #eaeaea;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #666666;
- background: #e0e0e0;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #666666;
- }
- .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: #666666;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #666666;
- background: #eaeaea;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #666666;
- }
- .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: #666666;
- }
- .p-menubar .p-submenu-list {
- padding: 0;
- background: #ffffff;
- border: 1px solid #eaeaea;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- width: 12.5rem;
- border-radius: 2px;
- }
- .p-menubar .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #dadada;
- margin: 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: #666666;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-menubar .p-menubar-button:hover {
- color: #666666;
- background: #eaeaea;
- }
- .p-menubar .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec;
- }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0;
- background: #ffffff;
- border: 1px solid #eaeaea;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- width: 100%;
- }
- .p-menubar .p-menubar-root-list .p-menuitem-separator {
- border-top: 1px solid #dadada;
- margin: 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.571rem;
- }
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 4.285rem;
- }
- .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.999rem;
- }
- .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: 7.713rem;
- }
- .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: 9.427rem;
- }
- .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 #7b95a3;
- color: #ffffff;
- background: #7b95a3;
- border-radius: 2px;
- 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: #ffffff;
- padding: 0.857rem 1rem;
- font-weight: 700;
- }
- .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 #e4e9ec;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: #617c8a;
- border-color: #617c8a;
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
- background: #afd3c8;
- border-color: #dadada;
- color: #385048;
- 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: #8dc8b5;
- background: #8dc8b5;
- color: #385048;
- }
- .p-panelmenu .p-panelmenu-content {
- padding: 0;
- border: 1px solid #dadada;
- background: #ffffff;
- color: #666666;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px;
- }
- .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
- color: #666666;
- 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: #666666;
- padding: 0.857rem;
- user-select: none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #666666;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #666666;
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #666666;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
- color: #666666;
- background: #eaeaea;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #666666;
- }
- .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: #666666;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #eaeaea;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #666666;
- background: #e0e0e0;
- }
- .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: #666666;
- }
- .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: #666666;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #666666;
- background: #eaeaea;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #666666;
- }
- .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: #666666;
- }
- .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 #dadada;
- margin: 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: 2px;
- }
-
- .p-slidemenu {
- padding: 0;
- background: #ffffff;
- color: #666666;
- border: 1px solid #c8c8c8;
- border-radius: 2px;
- 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: #666666;
- 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: #666666;
- padding: 0.857rem;
- user-select: none;
- }
- .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #666666;
- }
- .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #666666;
- margin-right: 0.5rem;
- }
- .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #666666;
- }
- .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #666666;
- background: #eaeaea;
- }
- .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #666666;
- }
- .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: #666666;
- }
- .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #eaeaea;
- }
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #666666;
- background: #e0e0e0;
- }
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #666666;
- }
- .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: #666666;
- }
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #666666;
- background: #eaeaea;
- }
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #666666;
- }
- .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: #666666;
- }
- .p-slidemenu.p-slidemenu-overlay {
- background: #ffffff;
- border: 1px solid #eaeaea;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-slidemenu .p-slidemenu-list {
- padding: 0;
- background: #ffffff;
- border: 1px solid #eaeaea;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-slidemenu .p-menuitem-separator {
- border-top: 1px solid #dadada;
- margin: 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.857rem;
- color: #666666;
- }
- .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem #e4e9ec;
- }
- .p-slidemenu .p-menuitem-badge {
- background: #7b95a3;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- border-radius: 2px;
- 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: 2px;
- background: #ffffff;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #a6a6a6;
- 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: #a6a6a6;
- }
- .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 #e4e9ec;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #afd3c8;
- color: #385048;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 700;
- color: #666666;
- }
- .p-steps .p-steps-item:before {
- content: " ";
- border-top: 1px solid #dadada;
- width: 100%;
- top: 50%;
- left: 0;
- display: block;
- position: absolute;
- margin-top: -1rem;
- }
-
- .p-tabmenu .p-tabmenu-nav {
- background: transparent;
- border: 0 none;
- border-width: 1px;
- }
- .p-tabmenu .p-tabmenu-nav .p-menuitem-badge {
- background: #7b95a3;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- border-radius: 2px;
- margin-left: 0.5rem;
- padding-left: 0.5rem;
- padding-right: 0.5rem;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 2px;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: 1px solid #7b95a3;
- border-width: 1px;
- border-color: #7b95a3;
- background: #7b95a3;
- color: #ffffff;
- padding: 0.857rem 1rem;
- font-weight: 700;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- margin: 0 0 -1px 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 #e4e9ec;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #617c8a;
- border-color: #617c8a;
- color: #ffffff;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #afd3c8;
- border-color: #dadada;
- color: #385048;
- }
- .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: #afd3c8;
- color: #385048;
- 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 #e4e9ec;
- }
-
- .p-tieredmenu {
- padding: 0;
- background: #ffffff;
- color: #666666;
- border: 1px solid #c8c8c8;
- border-radius: 2px;
- width: 12.5rem;
- }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #ffffff;
- border: 1px solid #eaeaea;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- }
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
- .p-tieredmenu .p-submenu-list {
- padding: 0;
- background: #ffffff;
- border: 1px solid #eaeaea;
- box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 2px;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: #666666;
- 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: #666666;
- padding: 0.857rem;
- user-select: none;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #666666;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #666666;
- margin-right: 0.5rem;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #666666;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #666666;
- background: #eaeaea;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #666666;
- }
- .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: #666666;
- }
- .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #eaeaea;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #666666;
- background: #e0e0e0;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #666666;
- }
- .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: #666666;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #666666;
- background: #eaeaea;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #666666;
- }
- .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: #666666;
- }
- .p-tieredmenu .p-menuitem-separator {
- border-top: 1px solid #dadada;
- margin: 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;
- margin: 0;
- border-radius: 2px;
- }
- .p-inline-message.p-inline-message-info {
- background: #a3def8;
- border: 1px solid #79c8eb;
- border-width: 1px;
- color: #212121;
- }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #212121;
- }
- .p-inline-message.p-inline-message-success {
- background: #a3e2c6;
- border: 1px solid #a3e2c6;
- border-width: 1px;
- color: #212121;
- }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #212121;
- }
- .p-inline-message.p-inline-message-warn {
- background: #ffe277;
- border: 1px solid #ffe277;
- border-width: 1px;
- color: #212121;
- }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #212121;
- }
- .p-inline-message.p-inline-message-error {
- background: #ff8b8b;
- border: 1px solid #ff8b8b;
- border-width: 1px;
- color: #212121;
- }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #212121;
- }
- .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: 2px;
- }
- .p-message .p-message-wrapper {
- padding: 1rem;
- }
- .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 #e4e9ec;
- }
- .p-message.p-message-info {
- background: #a3def8;
- border: 1px solid #79c8eb;
- border-width: 1px;
- color: #212121;
- }
- .p-message.p-message-info .p-message-icon {
- color: #212121;
- }
- .p-message.p-message-info .p-message-close {
- color: #212121;
- }
- .p-message.p-message-success {
- background: #a3e2c6;
- border: 1px solid #a3e2c6;
- border-width: 1px;
- color: #212121;
- }
- .p-message.p-message-success .p-message-icon {
- color: #212121;
- }
- .p-message.p-message-success .p-message-close {
- color: #212121;
- }
- .p-message.p-message-warn {
- background: #ffe277;
- border: 1px solid #ffe277;
- border-width: 1px;
- color: #212121;
- }
- .p-message.p-message-warn .p-message-icon {
- color: #212121;
- }
- .p-message.p-message-warn .p-message-close {
- color: #212121;
- }
- .p-message.p-message-error {
- background: #ff8b8b;
- border: 1px solid #ff8b8b;
- border-width: 1px;
- color: #212121;
- }
- .p-message.p-message-error .p-message-icon {
- color: #212121;
- }
- .p-message.p-message-error .p-message-close {
- color: #212121;
- }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: normal;
- }
- .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 6px 0 rgba(0, 0, 0, 0.16);
- border-radius: 2px;
- }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 0.5rem;
- }
- .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 #e4e9ec;
- }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #a3def8;
- border: 1px solid #79c8eb;
- border-width: 1px;
- color: #212121;
- }
- .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: #212121;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #a3e2c6;
- border: 1px solid #a3e2c6;
- border-width: 1px;
- color: #212121;
- }
- .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: #212121;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #ffe277;
- border: 1px solid #ffe277;
- border-width: 1px;
- color: #212121;
- }
- .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: #212121;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #ff8b8b;
- border: 1px solid #ff8b8b;
- border-width: 1px;
- color: #212121;
- }
- .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: #212121;
- }
-
- .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: 2px;
- margin: 0 0.5rem;
- }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-item-nav .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: #7b95a3;
- 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: #617c8a;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #afd3c8;
- color: #385048;
- }
- .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: #afd3c8;
- color: #385048;
- }
- .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 #e4e9ec;
- }
-
- .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: #dadada;
- border-radius: 2px;
- }
- .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: #7b95a3;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- }
- .p-badge.p-badge-success {
- background-color: #a3e2c6;
- color: #323e39;
- }
- .p-badge.p-badge-info {
- background-color: #a3def8;
- color: #3d4447;
- }
- .p-badge.p-badge-warning {
- background-color: #ffe38e;
- color: #333333;
- }
- .p-badge.p-badge-danger {
- background-color: #f4b6b6;
- color: #262222;
- }
- .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: #dadada;
- color: #666666;
- border-radius: 16px;
- padding: 0 0.429rem;
- }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.2145rem;
- margin-bottom: 0.2145rem;
- }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem;
- }
- .p-chip .pi-chip-remove-icon {
- margin-left: 0.5rem;
- }
- .p-chip img {
- width: 1.929rem;
- height: 1.929rem;
- margin-left: -0.429rem;
- margin-right: 0.5rem;
- }
- .p-chip .pi-chip-remove-icon {
- border-radius: 2px;
- 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 #e4e9ec;
- }
- .p-chip .pi-chip-remove-icon:focus {
- outline: 0 none;
- }
-
- .p-inplace .p-inplace-display {
- padding: 0.429rem 0.429rem;
- border-radius: 2px;
- 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: #f4f4f4;
- color: #666666;
- }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec;
- }
-
- .p-metergroup {
- display: flex;
- }
-
- .p-metergroup-meters {
- display: flex;
- }
-
- .p-metergroup-vertical .p-metergroup-meters {
- flex-direction: column;
- }
-
- .p-metergroup-labels {
- display: flex;
- flex-wrap: wrap;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-metergroup-vertical .p-metergroup-labels {
- align-items: start;
- }
-
- .p-metergroup-labels-vertical {
- flex-direction: column;
- }
-
- .p-metergroup-label {
- display: inline-flex;
- align-items: center;
- }
-
- .p-metergroup-label-marker {
- display: inline-flex;
- }
-
- .p-metergroup {
- gap: 1rem;
- }
- .p-metergroup .p-metergroup-meters {
- background: #efefef;
- border-radius: 2px;
- }
- .p-metergroup .p-metergroup-meter {
- border: 0 none;
- background: #7b95a3;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
- background: #7b95a3;
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 100%;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
- gap: 1rem;
- }
- .p-metergroup.p-metergroup-horizontal {
- flex-direction: column;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
- height: 0.5rem;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
- border-top-left-radius: 2px;
- border-bottom-left-radius: 2px;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px;
- }
- .p-metergroup.p-metergroup-vertical {
- flex-direction: row;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
- width: 0.5rem;
- height: 100%;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
- border-top-left-radius: 2px;
- border-top-right-radius: 2px;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
- border-bottom-left-radius: 2px;
- border-bottom-right-radius: 2px;
- }
-
- .p-progressbar {
- border: 0 none;
- height: 24px;
- background: #efefef;
- border-radius: 2px;
- }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #7b95a3;
- }
- .p-progressbar .p-progressbar-label {
- color: #ffffff;
- line-height: 24px;
- }
-
- .p-scrolltop {
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
- 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: #f4f4f4;
- }
- .p-scrolltop .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-skeleton {
- background-color: #dadada;
- border-radius: 2px;
- }
- .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: #7b95a3;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 2px;
- }
- .p-tag.p-tag-success {
- background-color: #a3e2c6;
- color: #323e39;
- }
- .p-tag.p-tag-info {
- background-color: #a3def8;
- color: #3d4447;
- }
- .p-tag.p-tag-warning {
- background-color: #ffe38e;
- color: #333333;
- }
- .p-tag.p-tag-danger {
- background-color: #f4b6b6;
- color: #262222;
- }
- .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: #666666;
- border: 1px solid #dadada;
- padding: 0.571rem 1rem;
- }
- .p-terminal .p-terminal-input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- }
-}
-@layer primeng {
- .p-panel .p-panel-header .p-panel-header-icon {
- color: #ffffff;
- }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #ffffff;
- }
-
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- color: #ffffff;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #ffffff;
- }
-}
-/* Customizations to the designer theme should be defined here */
diff --git a/client/src/assets/components/themes/saga-blue/theme.css b/client/src/assets/components/themes/saga-blue/theme.css
deleted file mode 100644
index b7372bfa..00000000
--- a/client/src/assets/components/themes/saga-blue/theme.css
+++ /dev/null
@@ -1,6419 +0,0 @@
-: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: #f8f9fa;
- --surface-c: #e9ecef;
- --surface-d: #dee2e6;
- --surface-e: #ffffff;
- --surface-f: #ffffff;
- --text-color: #495057;
- --text-color-secondary: #6c757d;
- --primary-color: #2196F3;
- --primary-color-text: #ffffff;
- --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: 3px;
- --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);
- --highlight-bg: #E3F2FD;
- --highlight-text-color: #495057;
- --focus-ring: 0 0 0 0.2rem #a6d5fa;
- color-scheme: light;
-}
-
-: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:#f4fafe;
- --primary-100:#cae6fc;
- --primary-200:#a0d2fa;
- --primary-300:#75bef8;
- --primary-400:#4baaf5;
- --primary-500:#2196f3;
- --primary-600:#1c80cf;
- --primary-700:#1769aa;
- --primary-800:#125386;
- --primary-900:#0d3c61;
-}
-
-.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 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: 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: #2196F3;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #2196F3;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #2196F3;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #2196F3;
-}
-
-@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.6;
- }
-
- .p-error {
- color: #f44336;
- }
-
- .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 #a6d5fa;
- }
-
- .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: #2196F3;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa;
- border-color: #2196F3;
- }
- .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: #ced4da;
- color: #495057;
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #f44336;
- }
-
- .p-autocomplete-panel {
- background: #ffffff;
- color: #495057;
- border: 0 none;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-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: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #495057;
- background: #E3F2FD;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: rgba(33, 150, 243, 0.24);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #495057;
- background: #dee2e6;
- }
- .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-panel .p-autocomplete-items .p-autocomplete-empty-message {
- padding: 0.5rem 1rem;
- color: #495057;
- background: transparent;
- }
-
- p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
- border-color: #f44336;
- }
-
- p-autocomplete.p-autocomplete-clearable .p-inputtext {
- padding-right: 2rem;
- }
- p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon {
- color: #6c757d;
- right: 0.5rem;
- }
-
- p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon {
- color: #6c757d;
- right: 2.857rem;
- }
-
- p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
- border-color: #f44336;
- }
-
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa;
- border-color: #2196F3;
- }
-
- .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 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-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 #a6d5fa;
- }
- .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: #2196F3;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem;
- }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0;
- }
- .p-datepicker table th {
- padding: 0.5rem;
- }
- .p-datepicker table th > span {
- width: 2.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: box-shadow 0.2s;
- border: 1px solid transparent;
- }
- .p-datepicker table td > span.p-highlight {
- color: #495057;
- background: #E3F2FD;
- }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa;
- }
- .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: #495057;
- background: #E3F2FD;
- }
- .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 #a6d5fa;
- }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: 0.2em;
- }
- .p-datepicker .p-timepicker span {
- font-size: 1.25rem;
- }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem;
- }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none;
- }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: box-shadow 0.2s;
- border-radius: 3px;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #495057;
- background: #E3F2FD;
- }
- .p-datepicker .p-yearpicker {
- margin: 0.5rem 0;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year {
- padding: 0.5rem;
- transition: box-shadow 0.2s;
- border-radius: 3px;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
- color: #495057;
- background: #E3F2FD;
- }
- .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 #a6d5fa;
- }
- .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 #a6d5fa;
- }
- .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 #a6d5fa;
- }
-
- p-calendar.p-calendar-clearable .p-inputtext {
- padding-right: 2rem;
- }
- p-calendar.p-calendar-clearable .p-calendar-clear-icon {
- color: #6c757d;
- right: 0.5rem;
- }
-
- p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon {
- color: #6c757d;
- 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: #2196F3;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa;
- border-color: #2196F3;
- }
- .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: #6c757d;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #f44336;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #f8f9fa;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #f8f9fa;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
-
- .p-cascadeselect-panel {
- background: #ffffff;
- color: #495057;
- border: 0 none;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-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: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #495057;
- background: #E3F2FD;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: rgba(33, 150, 243, 0.24);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #495057;
- background: #dee2e6;
- }
- .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: #ffffff;
- }
-
- p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect {
- border-color: #f44336;
- }
-
- p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label {
- padding-right: 0.5rem;
- }
- p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon {
- color: #6c757d;
- 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;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #ffffff;
- font-size: 14px;
- }
- .p-checkbox .p-checkbox-box .p-icon {
- width: 14px;
- height: 14px;
- }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #2196F3;
- background: #2196F3;
- }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: #2196F3;
- }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa;
- border-color: #2196F3;
- }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #0b7ad1;
- background: #0b7ad1;
- color: #ffffff;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #f8f9fa;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
- background: #2196F3;
- }
- .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #f8f9fa;
- }
- .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #0b7ad1;
- }
-
- p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
- border-color: #f44336;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #f8f9fa;
- }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #2196F3;
- }
- .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #f8f9fa;
- }
- .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #0b7ad1;
- }
-
- .p-checkbox-label {
- margin-left: 0.5rem;
- }
-
- p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
- border-color: #f44336;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #2196F3;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa;
- border-color: #2196F3;
- }
- .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: #ced4da;
- 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: #f44336;
- }
-
- p-chips.p-chips-clearable .p-inputtext {
- padding-right: 1.5rem;
- }
- p-chips.p-chips-clearable .p-chips-clear-icon {
- color: #6c757d;
- 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 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-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: #2196F3;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa;
- border-color: #2196F3;
- }
- .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: #6c757d;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: #6c757d;
- right: 2.357rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #f44336;
- }
- .p-dropdown.p-variant-filled {
- background-color: #f8f9fa;
- }
- .p-dropdown.p-variant-filled:enabled:hover {
- background-color: #f8f9fa;
- }
- .p-dropdown.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
-
- .p-dropdown-panel {
- background: #ffffff;
- color: #495057;
- border: 0 none;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-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: #6c757d;
- }
- .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: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #495057;
- background: #E3F2FD;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: rgba(33, 150, 243, 0.24);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #495057;
- background: #dee2e6;
- }
- .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: #ffffff;
- }
- .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: #f44336;
- }
-
- .p-icon-field .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .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-icon-field-left .p-input-icon:first-of-type {
- left: 0.5rem;
- color: #6c757d;
- }
-
- .p-icon-field-right .p-input-icon:last-of-type {
- right: 0.5rem;
- color: #6c757d;
- }
-
- p-inputmask.ng-dirty.ng-invalid > .p-inputtext {
- border-color: #f44336;
- }
-
- p-inputmask.p-inputmask-clearable .p-inputtext {
- padding-right: 2rem;
- }
- p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon {
- color: #6c757d;
- right: 0.5rem;
- }
-
- .p-inputmask.p-variant-filled {
- background-color: #f8f9fa;
- }
- .p-inputmask.p-variant-filled:enabled:hover {
- background-color: #f8f9fa;
- }
- .p-inputmask.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
-
- p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
- border-color: #f44336;
- }
-
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-input {
- padding-right: 2rem;
- }
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon {
- color: #6c757d;
- 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-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #f8f9fa;
- }
- p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #f8f9fa;
- }
- p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #ffffff;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 2rem;
- }
-
- .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 #a6d5fa;
- }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: #b6bfc8;
- }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: #2196F3;
- }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: #ffffff;
- }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: #0d89ec;
- }
-
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
- border-color: #f44336;
- }
-
- .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: #2196F3;
- }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa;
- border-color: #2196F3;
- }
- .p-inputtext.ng-dirty.ng-invalid {
- border-color: #f44336;
- }
- .p-inputtext.p-variant-filled {
- background-color: #f8f9fa;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #f8f9fa;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
- .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: #f44336;
- }
-
- .p-input-icon-left > .p-icon-wrapper.p-icon,
-.p-input-icon-left > i:first-of-type {
- left: 0.5rem;
- color: #6c757d;
- }
-
- .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: #6c757d;
- }
-
- .p-input-icon-right > .p-inputtext {
- padding-right: 2rem;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 2rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 2rem;
- }
-
- .p-icon-field-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: #ffffff;
- }
-
- .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: #6c757d;
- }
- .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: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #495057;
- background: #E3F2FD;
- }
- .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(33, 150, 243, 0.24);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #495057;
- background: #e9ecef;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #495057;
- background: #e9ecef;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: #495057;
- background: #e9ecef;
- }
- .p-listbox.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa;
- border-color: #2196F3;
- }
-
- p-listbox.ng-dirty.ng-invalid > .p-listbox {
- border-color: #f44336;
- }
-
- .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: #2196F3;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa;
- border-color: #2196F3;
- }
- .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: #6c757d;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-multiselect.p-variant-filled {
- background: #f8f9fa;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #f8f9fa;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
-
- .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: #6c757d;
- right: 2.357rem;
- }
-
- .p-multiselect-panel {
- background: #ffffff;
- color: #495057;
- border: 0 none;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-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: #6c757d;
- }
- .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 #a6d5fa;
- }
- .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: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #495057;
- background: #E3F2FD;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: rgba(33, 150, 243, 0.24);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #495057;
- background: #e9ecef;
- }
- .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: #ffffff;
- }
-
- p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
- border-color: #f44336;
- }
-
- p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext {
- border-color: #f44336;
- }
-
- .p-password-panel {
- padding: 1rem;
- background: #ffffff;
- color: #495057;
- 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: 3px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #dee2e6;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #d32f2f;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #fbc02d;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #689f38;
- }
-
- p-password.p-password-clearable .p-password-input {
- padding-right: 2rem;
- }
- p-password.p-password-clearable .p-password-clear-icon {
- color: #6c757d;
- 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: #6c757d;
- 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;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: #2196F3;
- }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa;
- border-color: #2196F3;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.2s;
- background-color: #ffffff;
- }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #2196F3;
- background: #2196F3;
- }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #0b7ad1;
- background: #0b7ad1;
- color: #ffffff;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #f8f9fa;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #f8f9fa;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight {
- background: #2196F3;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #0b7ad1;
- }
-
- p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
- border-color: #f44336;
- }
-
- .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: #2196F3;
- }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #0b7ad1;
- }
-
- .p-radiobutton-label {
- margin-left: 0.5rem;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- border-radius: 50%;
- outline-color: transparent;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- }
- .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 #a6d5fa;
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #2196F3;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #2196F3;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #c0392b;
- }
-
- .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: #2196F3;
- border-color: #2196F3;
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #0d89ec;
- border-color: #0d89ec;
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff;
- }
-
- p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
- border-color: #f44336;
- }
-
- .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 {
- height: 100%;
- width: 0.286rem;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem;
- }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #ffffff;
- border: 2px solid #2196F3;
- 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 #a6d5fa;
- }
- .p-slider .p-slider-range {
- background: #2196F3;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #2196F3;
- border-color: #2196F3;
- }
- .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: #2196F3;
- border-color: #2196F3;
- color: #ffffff;
- }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #0d89ec;
- border-color: #0d89ec;
- color: #ffffff;
- }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff;
- }
-
- p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
- border-color: #f44336;
- }
-
- .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: #2196F3;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa;
- border-color: #2196F3;
- }
- .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: #6c757d;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-treeselect.p-variant-filled {
- background-color: #f8f9fa;
- }
- .p-treeselect.p-variant-filled:enabled:hover {
- background-color: #f8f9fa;
- }
- .p-treeselect.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
-
- p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
- border-color: #f44336;
- }
-
- .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 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-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: #6c757d;
- }
- .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 #a6d5fa;
- }
- .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: #ffffff;
- }
-
- p-treeselect.p-treeselect-clearable .p-treeselect-label-container {
- padding-right: 1.5rem;
- }
- p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
- color: #6c757d;
- right: 2.357rem;
- }
-
- .p-button {
- color: #ffffff;
- background: #2196F3;
- border: 1px solid #2196F3;
- 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;
- outline-color: transparent;
- }
- .p-button:not(:disabled):hover {
- background: #0d89ec;
- color: #ffffff;
- border-color: #0d89ec;
- }
- .p-button:not(:disabled):active {
- background: #0b7ad1;
- color: #ffffff;
- border-color: #0b7ad1;
- }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #2196F3;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(33, 150, 243, 0.04);
- color: #2196F3;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(33, 150, 243, 0.16);
- color: #2196F3;
- 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: #2196F3;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(33, 150, 243, 0.04);
- color: #2196F3;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(33, 150, 243, 0.16);
- color: #2196F3;
- 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-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa;
- }
- .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: #2196F3;
- background-color: #ffffff;
- }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
- .p-button.p-button-rounded {
- border-radius: 2rem;
- }
- .p-button.p-button-icon-only {
- width: 2.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-button-group {
- display: flex;
- }
- .p-fluid .p-button-group .p-button {
- flex: 1;
- }
-
- .p-button.p-button-secondary, .p-button-group.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-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
- background: #56717d;
- color: #ffffff;
- border-color: #56717d;
- }
- .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.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 #beccd2;
- }
- .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
- background: #4d646f;
- color: #ffffff;
- border-color: #4d646f;
- }
- .p-button.p-button-secondary.p-button-outlined, .p-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
- color: #ffffff;
- background: #0288d1;
- border: 1px solid #0288d1;
- }
- .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
- background: #027abc;
- color: #ffffff;
- border-color: #027abc;
- }
- .p-button.p-button-info:not(:disabled):focus, .p-button-group.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 #89d4fe;
- }
- .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
- background: #026da7;
- color: #ffffff;
- border-color: #026da7;
- }
- .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #0288d1;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.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(2, 136, 209, 0.04);
- color: #0288d1;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.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(2, 136, 209, 0.16);
- color: #0288d1;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #0288d1;
- border-color: transparent;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.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(2, 136, 209, 0.04);
- border-color: transparent;
- color: #0288d1;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.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(2, 136, 209, 0.16);
- border-color: transparent;
- color: #0288d1;
- }
-
- .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
- color: #ffffff;
- background: #689f38;
- border: 1px solid #689f38;
- }
- .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
- background: #5e8f32;
- color: #ffffff;
- border-color: #5e8f32;
- }
- .p-button.p-button-success:not(:disabled):focus, .p-button-group.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 #c2e0a8;
- }
- .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
- background: #537f2d;
- color: #ffffff;
- border-color: #537f2d;
- }
- .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #689f38;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.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(104, 159, 56, 0.04);
- color: #689f38;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.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(104, 159, 56, 0.16);
- color: #689f38;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #689f38;
- border-color: transparent;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.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(104, 159, 56, 0.04);
- border-color: transparent;
- color: #689f38;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.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(104, 159, 56, 0.16);
- border-color: transparent;
- color: #689f38;
- }
-
- .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
- color: #212529;
- background: #fbc02d;
- border: 1px solid #fbc02d;
- }
- .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
- background: #fab710;
- color: #212529;
- border-color: #fab710;
- }
- .p-button.p-button-warning:not(:disabled):focus, .p-button-group.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 #fde6ab;
- }
- .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
- background: #e8a704;
- color: #212529;
- border-color: #e8a704;
- }
- .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #fbc02d;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.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(251, 192, 45, 0.04);
- color: #fbc02d;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.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(251, 192, 45, 0.16);
- color: #fbc02d;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #fbc02d;
- border-color: transparent;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.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(251, 192, 45, 0.04);
- border-color: transparent;
- color: #fbc02d;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.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(251, 192, 45, 0.16);
- border-color: transparent;
- color: #fbc02d;
- }
-
- .p-button.p-button-help, .p-button-group.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-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
- background: #8c239e;
- color: #ffffff;
- border-color: #8c239e;
- }
- .p-button.p-button-help:not(:disabled):focus, .p-button-group.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 #df9eea;
- }
- .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
- background: #7d1f8d;
- color: #ffffff;
- border-color: #7d1f8d;
- }
- .p-button.p-button-help.p-button-outlined, .p-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
- color: #ffffff;
- background: #d32f2f;
- border: 1px solid #d32f2f;
- }
- .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
- background: #c02929;
- color: #ffffff;
- border-color: #c02929;
- }
- .p-button.p-button-danger:not(:disabled):focus, .p-button-group.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 #edacac;
- }
- .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
- background: #aa2424;
- color: #ffffff;
- border-color: #aa2424;
- }
- .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #d32f2f;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.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(211, 47, 47, 0.04);
- color: #d32f2f;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.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(211, 47, 47, 0.16);
- color: #d32f2f;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #d32f2f;
- border-color: transparent;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.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(211, 47, 47, 0.04);
- border-color: transparent;
- color: #d32f2f;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.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(211, 47, 47, 0.16);
- border-color: transparent;
- color: #d32f2f;
- }
-
- .p-button.p-button-link {
- color: #0b7ad1;
- background: transparent;
- border: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #0b7ad1;
- 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 #a6d5fa;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #0b7ad1;
- 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 #a6d5fa;
- }
-
- .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-rounded {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-rounded > .p-button {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-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 #a6d5fa;
- }
- .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: #E3F2FD;
- color: #495057;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-datatable-header {
- background: #f8f9fa;
- color: #495057;
- border: 1px solid #e9ecef;
- border-width: 1px 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: 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: #495057;
- background: #E3F2FD;
- 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: #2196F3;
- }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #2196F3;
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: #e9ecef;
- color: #2196F3;
- }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #2196F3;
- }
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: inset 0 0 0 0.15rem #a6d5fa;
- outline: 0 none;
- }
- .p-datatable .p-datatable-tbody > tr {
- background: #ffffff;
- color: #495057;
- transition: box-shadow 0.2s;
- }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #e9ecef;
- 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 #a6d5fa;
- }
- .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 #a6d5fa;
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #E3F2FD;
- color: #495057;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #E3F2FD;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #E3F2FD;
- }
- .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: #2196F3;
- }
- .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: #fcfcfc;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: #E3F2FD;
- color: #495057;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: #495057;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: #495057;
- }
- .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: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-dataview-header {
- background: #f8f9fa;
- color: #495057;
- border: 1px solid #e9ecef;
- border-width: 1px 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: #E3F2FD;
- color: #495057;
- }
- .p-column-filter-menu-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa;
- }
-
- .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 #a6d5fa;
- }
-
- .p-column-filter-overlay {
- background: #ffffff;
- color: #495057;
- border: 0 none;
- border-radius: 3px;
- 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);
- 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: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
- margin-top: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #495057;
- background: #E3F2FD;
- }
- .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 #a6d5fa;
- }
- .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 #a6d5fa;
- border-color: #2196F3;
- }
- .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: #6c757d;
- }
- .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: box-shadow 0.2s;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
- margin-top: 0;
- }
- .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: #dee2e6;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #495057;
- background: #E3F2FD;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: rgba(33, 150, 243, 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 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: 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: #E3F2FD;
- color: #495057;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #6cbbf5;
- }
- .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 #a6d5fa;
- }
-
- .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: 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: #495057;
- }
- .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: box-shadow 0.2s;
- border-radius: 3px;
- }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #E3F2FD;
- border-color: #E3F2FD;
- color: #495057;
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: #e9ecef;
- border-color: transparent;
- color: #495057;
- }
-
- .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 #a6d5fa;
- border-color: #2196F3;
- }
- .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: #6c757d;
- }
- .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: box-shadow 0.2s;
- }
- .p-picklist .p-picklist-list .p-picklist-item:first-child {
- margin-top: 0;
- }
- .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: #dee2e6;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #495057;
- background: #E3F2FD;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: rgba(33, 150, 243, 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 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: 0 none;
- color: #495057;
- background: #ffffff;
- margin: 0;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 2px solid #2196F3;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #ffffff;
- }
- .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 #a6d5fa;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 3px;
- transition: box-shadow 0.2s;
- padding: 0;
- }
- .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 #a6d5fa;
- }
- .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-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #f8f9fa;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
- background: #2196F3;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
- background-color: #f8f9fa;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
- background: #0b7ad1;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #E3F2FD;
- color: #495057;
- }
- .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: #495057;
- }
- .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: #495057;
- }
- .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: #6c757d;
- }
- .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: #89c8f7;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content {
- border-radius: 3px;
- border: 1px solid #dee2e6;
- background-color: #ffffff;
- color: #495057;
- padding: 0;
- transition: box-shadow 0.2s;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight {
- background-color: #E3F2FD;
- color: #495057;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #495057;
- }
- .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 #a6d5fa;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-treetable-header {
- background: #f8f9fa;
- color: #495057;
- border: 1px solid #e9ecef;
- border-width: 1px 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: 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: #a6d5fa;
- }
- .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: #495057;
- background: #E3F2FD;
- 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: #2196F3;
- }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #2196F3;
- }
- .p-treetable .p-treetable-tbody > tr {
- background: #ffffff;
- color: #495057;
- transition: box-shadow 0.2s;
- }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #e9ecef;
- 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 #a6d5fa;
- }
- .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 > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #f8f9fa;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
- background: #2196F3;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
- background-color: #f8f9fa;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
- background: #0b7ad1;
- }
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid #a6d5fa;
- outline-offset: -0.15rem;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #E3F2FD;
- color: #495057;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #495057;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #495057;
- }
- .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: #2196F3;
- }
- .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: 1px 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: 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 #a6d5fa;
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: #e9ecef;
- border-color: #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: 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: 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: 400;
- 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: 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 #a6d5fa;
- }
- .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 #a6d5fa;
- }
- .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 #a6d5fa;
- }
-
- .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 #a6d5fa;
- }
- .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: 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 #a6d5fa;
- }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #ffffff;
- border-color: #6c757d;
- color: #6c757d;
- }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #ffffff;
- border-color: #2196F3;
- color: #2196F3;
- }
- .p-tabview .p-tabview-left-icon {
- margin-right: 0.5rem;
- }
- .p-tabview .p-tabview-right-icon {
- margin-left: 0.5rem;
- }
- .p-tabview .p-tabview-close {
- margin-left: 0.5rem;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- background: #ffffff;
- color: #2196F3;
- width: 2.357rem;
- 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);
- 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 #a6d5fa;
- }
- .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-stepper .p-stepper-nav {
- position: relative;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow-x: auto;
- }
-
- .p-stepper-vertical .p-stepper-nav {
- flex-direction: column;
- }
-
- .p-stepper-header {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- align-items: center;
- }
- .p-stepper-header:last-of-type {
- flex: initial;
- }
-
- .p-stepper-header .p-stepper-action {
- border: 0 none;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- cursor: pointer;
- }
- .p-stepper-header .p-stepper-action:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa;
- }
-
- .p-stepper.p-stepper-readonly .p-stepper-header {
- cursor: auto;
- }
-
- .p-stepper-header.p-highlight .p-stepper-action {
- cursor: default;
- }
-
- .p-stepper-title {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-stepper-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-stepper-separator {
- flex: 1 1 0;
- }
-
- .p-stepper .p-stepper-nav {
- display: flex;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .p-stepper .p-stepper-header {
- padding: 0.5rem;
- }
- .p-stepper .p-stepper-header .p-stepper-action {
- transition: box-shadow 0.2s;
- border-radius: 3px;
- background: #ffffff;
- outline-color: transparent;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- color: #495057;
- border: 1px solid #e9ecef;
- border-width: 2px;
- background: #ffffff;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
- margin-left: 0.5rem;
- color: #6c757d;
- font-weight: 600;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #E3F2FD;
- color: #495057;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #495057;
- }
- .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa;
- }
- .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
- background-color: #2196F3;
- }
- .p-stepper .p-stepper-panels {
- background: #ffffff;
- padding: 1rem;
- color: #495057;
- }
- .p-stepper .p-stepper-separator {
- background-color: #dee2e6;
- width: 100%;
- height: 2px;
- margin-inline-start: 1rem;
- transition: box-shadow 0.2s;
- }
- .p-stepper.p-stepper-vertical {
- display: flex;
- flex-direction: column;
- }
- .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
- display: flex;
- flex: 1 1 auto;
- background: #ffffff;
- color: #495057;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel {
- display: flex;
- flex-direction: column;
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
- flex: 1 1 auto;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
- width: 100%;
- padding-left: 1rem;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
- flex: 0 0 auto;
- width: 2px;
- height: auto;
- margin-inline-start: calc(1.75rem + 2px);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
- background-color: #2196F3;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
- padding-left: 3rem;
- }
-
- .p-confirm-popup {
- background: #ffffff;
- color: #495057;
- border: 0 none;
- border-radius: 3px;
- 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);
- }
- .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: 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;
- }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- 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 #a6d5fa;
- }
- .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 2rem 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: 0 none;
- background: #ffffff;
- color: #495057;
- padding: 0 1.5rem 1.5rem 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: 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);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 1rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- background: #2196F3;
- color: #ffffff;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #0d89ec;
- color: #ffffff;
- }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff;
- }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #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: 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);
- }
- .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 #a6d5fa;
- }
- .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 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: 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 #a6d5fa;
- }
- .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 #2196F3;
- border-style: dashed;
- background-color: #E3F2FD;
- }
- .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: #0d89ec;
- color: #ffffff;
- border-color: #0d89ec;
- }
- .p-fileupload-choose:not(.p-disabled):active {
- background: #0b7ad1;
- color: #ffffff;
- border-color: #0b7ad1;
- }
-
- .p-breadcrumb {
- background: #ffffff;
- border: 1px solid #dee2e6;
- border-radius: 3px;
- padding: 1rem;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
- transition: 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 #a6d5fa;
- }
- .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 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: 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 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: 3px;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: #495057;
- transition: 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: #dee2e6;
- }
- .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 #a6d5fa;
- }
- .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: 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: #dee2e6;
- }
- .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 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: 3px;
- }
- .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: 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: 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: #dee2e6;
- }
- .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 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 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: #2196F3;
- color: #ffffff;
- 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: 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: 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: #dee2e6;
- }
- .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 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- width: 12.5rem;
- border-radius: 3px;
- }
- .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 #a6d5fa;
- }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0.25rem 0;
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- width: 100%;
- }
- .p-menubar .p-menubar-root-list .p-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: 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 #a6d5fa;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: #e9ecef;
- border-color: #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: 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: #dee2e6;
- }
- .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: 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: #dee2e6;
- }
- .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 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-slidemenu .p-slidemenu-list {
- padding: 0.25rem 0;
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-slidemenu .p-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 #a6d5fa;
- }
- .p-slidemenu .p-menuitem-badge {
- background: #2196F3;
- color: #ffffff;
- 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: 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 #e9ecef;
- 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 #a6d5fa;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #E3F2FD;
- color: #495057;
- }
- .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: #2196F3;
- color: #ffffff;
- 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: 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 #a6d5fa;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #ffffff;
- border-color: #6c757d;
- color: #6c757d;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #ffffff;
- border-color: #2196F3;
- color: #2196F3;
- }
- .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: #2196F3;
- width: 2.357rem;
- 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);
- 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 #a6d5fa;
- }
-
- .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 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
- .p-tieredmenu .p-submenu-list {
- padding: 0.25rem 0;
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 3px;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: #495057;
- transition: 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: #dee2e6;
- }
- .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: #b3e5fc;
- border: solid #0891cf;
- border-width: 0px;
- color: #044868;
- }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #044868;
- }
- .p-inline-message.p-inline-message-success {
- background: #c8e6c9;
- border: solid #439446;
- border-width: 0px;
- color: #224a23;
- }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #224a23;
- }
- .p-inline-message.p-inline-message-warn {
- background: #ffecb3;
- border: solid #d9a300;
- border-width: 0px;
- color: #6d5100;
- }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #6d5100;
- }
- .p-inline-message.p-inline-message-error {
- background: #ffcdd2;
- border: solid #e60017;
- border-width: 0px;
- color: #73000c;
- }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #73000c;
- }
- .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 #a6d5fa;
- }
- .p-message.p-message-info {
- background: #b3e5fc;
- border: solid #0891cf;
- border-width: 0 0 0 6px;
- color: #044868;
- }
- .p-message.p-message-info .p-message-icon {
- color: #044868;
- }
- .p-message.p-message-info .p-message-close {
- color: #044868;
- }
- .p-message.p-message-success {
- background: #c8e6c9;
- border: solid #439446;
- border-width: 0 0 0 6px;
- color: #224a23;
- }
- .p-message.p-message-success .p-message-icon {
- color: #224a23;
- }
- .p-message.p-message-success .p-message-close {
- color: #224a23;
- }
- .p-message.p-message-warn {
- background: #ffecb3;
- border: solid #d9a300;
- border-width: 0 0 0 6px;
- color: #6d5100;
- }
- .p-message.p-message-warn .p-message-icon {
- color: #6d5100;
- }
- .p-message.p-message-warn .p-message-close {
- color: #6d5100;
- }
- .p-message.p-message-error {
- background: #ffcdd2;
- border: solid #e60017;
- border-width: 0 0 0 6px;
- color: #73000c;
- }
- .p-message.p-message-error .p-message-icon {
- color: #73000c;
- }
- .p-message.p-message-error .p-message-close {
- color: #73000c;
- }
- .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 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: 3px;
- }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0 0 0 6px;
- }
- .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 #a6d5fa;
- }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #b3e5fc;
- border: solid #0891cf;
- border-width: 0 0 0 6px;
- color: #044868;
- }
- .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: #044868;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #c8e6c9;
- border: solid #439446;
- border-width: 0 0 0 6px;
- color: #224a23;
- }
- .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: #224a23;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #ffecb3;
- border: solid #d9a300;
- border-width: 0 0 0 6px;
- color: #6d5100;
- }
- .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: #6d5100;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #ffcdd2;
- border: solid #e60017;
- border-width: 0 0 0 6px;
- color: #73000c;
- }
- .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: #73000c;
- }
-
- .p-galleria .p-galleria-close {
- margin: 0.5rem;
- background: transparent;
- color: #f8f9fa;
- 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: #f8f9fa;
- }
- .p-galleria .p-galleria-item-nav {
- background: transparent;
- color: #f8f9fa;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- margin: 0 0.5rem;
- }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa;
- }
- .p-galleria .p-galleria-caption {
- background: rgba(0, 0, 0, 0.5);
- color: #f8f9fa;
- 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: #E3F2FD;
- color: #495057;
- }
- .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: #E3F2FD;
- color: #495057;
- }
- .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: #f8f9fa;
- 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: #f8f9fa;
- }
- .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 #a6d5fa;
- }
-
- .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: #2196F3;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- }
- .p-badge.p-badge-success {
- background-color: #689f38;
- color: #ffffff;
- }
- .p-badge.p-badge-info {
- background-color: #0288d1;
- color: #ffffff;
- }
- .p-badge.p-badge-warning {
- background-color: #fbc02d;
- color: #212529;
- }
- .p-badge.p-badge-danger {
- background-color: #d32f2f;
- color: #ffffff;
- }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
- }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
- }
-
- .p-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 #a6d5fa;
- }
- .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 #a6d5fa;
- }
-
- .p-metergroup {
- display: flex;
- }
-
- .p-metergroup-meters {
- display: flex;
- }
-
- .p-metergroup-vertical .p-metergroup-meters {
- flex-direction: column;
- }
-
- .p-metergroup-labels {
- display: flex;
- flex-wrap: wrap;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-metergroup-vertical .p-metergroup-labels {
- align-items: start;
- }
-
- .p-metergroup-labels-vertical {
- flex-direction: column;
- }
-
- .p-metergroup-label {
- display: inline-flex;
- align-items: center;
- }
-
- .p-metergroup-label-marker {
- display: inline-flex;
- }
-
- .p-metergroup {
- gap: 1rem;
- }
- .p-metergroup .p-metergroup-meters {
- background: #dee2e6;
- border-radius: 3px;
- }
- .p-metergroup .p-metergroup-meter {
- border: 0 none;
- background: #2196F3;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
- background: #2196F3;
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 100%;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
- gap: 1rem;
- }
- .p-metergroup.p-metergroup-horizontal {
- flex-direction: column;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
- height: 0.5rem;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-metergroup.p-metergroup-vertical {
- flex-direction: row;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
- width: 0.5rem;
- height: 100%;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
- border-top-left-radius: 3px;
- border-top-right-radius: 3px;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
- }
-
- .p-progressbar {
- border: 0 none;
- height: 1.5rem;
- background: #dee2e6;
- border-radius: 3px;
- }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #2196F3;
- }
- .p-progressbar .p-progressbar-label {
- color: #ffffff;
- line-height: 1.5rem;
- }
-
- .p-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, 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: #2196F3;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 3px;
- }
- .p-tag.p-tag-success {
- background-color: #689f38;
- color: #ffffff;
- }
- .p-tag.p-tag-info {
- background-color: #0288d1;
- color: #ffffff;
- }
- .p-tag.p-tag-warning {
- background-color: #fbc02d;
- color: #212529;
- }
- .p-tag.p-tag-danger {
- background-color: #d32f2f;
- color: #ffffff;
- }
- .p-tag .p-tag-icon {
- margin-right: 0.25rem;
- font-size: 0.75rem;
- }
- .p-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 */
-@layer primeng {
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background-color: #2196F3;
- }
-
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background-color: #2196F3;
- }
-
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #2196F3;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #2196F3;
- }
-}
diff --git a/client/src/assets/components/themes/saga-green/theme.css b/client/src/assets/components/themes/saga-green/theme.css
deleted file mode 100644
index 0f199246..00000000
--- a/client/src/assets/components/themes/saga-green/theme.css
+++ /dev/null
@@ -1,6419 +0,0 @@
-: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: #f8f9fa;
- --surface-c: #e9ecef;
- --surface-d: #dee2e6;
- --surface-e: #ffffff;
- --surface-f: #ffffff;
- --text-color: #495057;
- --text-color-secondary: #6c757d;
- --primary-color: #4CAF50;
- --primary-color-text: #ffffff;
- --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: 3px;
- --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);
- --highlight-bg: #E8F5E9;
- --highlight-text-color: #495057;
- --focus-ring: 0 0 0 0.2rem #b7e0b8;
- color-scheme: light;
-}
-
-: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:#f6fbf6;
- --primary-100:#d4ecd5;
- --primary-200:#b2ddb4;
- --primary-300:#90cd93;
- --primary-400:#6ebe71;
- --primary-500:#4caf50;
- --primary-600:#419544;
- --primary-700:#357b38;
- --primary-800:#2a602c;
- --primary-900:#1e4620;
-}
-
-.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 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: 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: #4CAF50;
-}
-.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: #4CAF50;
-}
-.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: #4CAF50;
-}
-.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: #4CAF50;
-}
-
-@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.6;
- }
-
- .p-error {
- color: #f44336;
- }
-
- .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 #b7e0b8;
- }
-
- .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: #4CAF50;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8;
- border-color: #4CAF50;
- }
- .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: #ced4da;
- color: #495057;
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #f44336;
- }
-
- .p-autocomplete-panel {
- background: #ffffff;
- color: #495057;
- border: 0 none;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-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: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #495057;
- background: #E8F5E9;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: rgba(76, 175, 80, 0.24);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #495057;
- background: #dee2e6;
- }
- .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-panel .p-autocomplete-items .p-autocomplete-empty-message {
- padding: 0.5rem 1rem;
- color: #495057;
- background: transparent;
- }
-
- p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
- border-color: #f44336;
- }
-
- p-autocomplete.p-autocomplete-clearable .p-inputtext {
- padding-right: 2rem;
- }
- p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon {
- color: #6c757d;
- right: 0.5rem;
- }
-
- p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon {
- color: #6c757d;
- right: 2.857rem;
- }
-
- p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
- border-color: #f44336;
- }
-
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8;
- border-color: #4CAF50;
- }
-
- .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 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-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 #b7e0b8;
- }
- .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: #4CAF50;
- }
- .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: box-shadow 0.2s;
- border: 1px solid transparent;
- }
- .p-datepicker table td > span.p-highlight {
- color: #495057;
- background: #E8F5E9;
- }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8;
- }
- .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: #495057;
- background: #E8F5E9;
- }
- .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 #b7e0b8;
- }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: 0.2em;
- }
- .p-datepicker .p-timepicker span {
- font-size: 1.25rem;
- }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem;
- }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none;
- }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: box-shadow 0.2s;
- border-radius: 3px;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #495057;
- background: #E8F5E9;
- }
- .p-datepicker .p-yearpicker {
- margin: 0.5rem 0;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year {
- padding: 0.5rem;
- transition: box-shadow 0.2s;
- border-radius: 3px;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
- color: #495057;
- background: #E8F5E9;
- }
- .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 #b7e0b8;
- }
- .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 #b7e0b8;
- }
- .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 #b7e0b8;
- }
-
- p-calendar.p-calendar-clearable .p-inputtext {
- padding-right: 2rem;
- }
- p-calendar.p-calendar-clearable .p-calendar-clear-icon {
- color: #6c757d;
- right: 0.5rem;
- }
-
- p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon {
- color: #6c757d;
- 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: #4CAF50;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8;
- border-color: #4CAF50;
- }
- .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: #6c757d;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #f44336;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #f8f9fa;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #f8f9fa;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
-
- .p-cascadeselect-panel {
- background: #ffffff;
- color: #495057;
- border: 0 none;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-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: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #495057;
- background: #E8F5E9;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: rgba(76, 175, 80, 0.24);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #495057;
- background: #dee2e6;
- }
- .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: #ffffff;
- }
-
- p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect {
- border-color: #f44336;
- }
-
- p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label {
- padding-right: 0.5rem;
- }
- p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon {
- color: #6c757d;
- 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;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #ffffff;
- font-size: 14px;
- }
- .p-checkbox .p-checkbox-box .p-icon {
- width: 14px;
- height: 14px;
- }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #4CAF50;
- background: #4CAF50;
- }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: #4CAF50;
- }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8;
- border-color: #4CAF50;
- }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #3d8c40;
- background: #3d8c40;
- color: #ffffff;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #f8f9fa;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
- background: #4CAF50;
- }
- .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #f8f9fa;
- }
- .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #3d8c40;
- }
-
- p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
- border-color: #f44336;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #f8f9fa;
- }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #4CAF50;
- }
- .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: #3d8c40;
- }
-
- .p-checkbox-label {
- margin-left: 0.5rem;
- }
-
- p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
- border-color: #f44336;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #4CAF50;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8;
- border-color: #4CAF50;
- }
- .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: #ced4da;
- 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: #f44336;
- }
-
- p-chips.p-chips-clearable .p-inputtext {
- padding-right: 1.5rem;
- }
- p-chips.p-chips-clearable .p-chips-clear-icon {
- color: #6c757d;
- 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 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-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: #4CAF50;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8;
- border-color: #4CAF50;
- }
- .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: #6c757d;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: #6c757d;
- right: 2.357rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #f44336;
- }
- .p-dropdown.p-variant-filled {
- background-color: #f8f9fa;
- }
- .p-dropdown.p-variant-filled:enabled:hover {
- background-color: #f8f9fa;
- }
- .p-dropdown.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
-
- .p-dropdown-panel {
- background: #ffffff;
- color: #495057;
- border: 0 none;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-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: #6c757d;
- }
- .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: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #495057;
- background: #E8F5E9;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: rgba(76, 175, 80, 0.24);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #495057;
- background: #dee2e6;
- }
- .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: #ffffff;
- }
- .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: #f44336;
- }
-
- .p-icon-field .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .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-icon-field-left .p-input-icon:first-of-type {
- left: 0.5rem;
- color: #6c757d;
- }
-
- .p-icon-field-right .p-input-icon:last-of-type {
- right: 0.5rem;
- color: #6c757d;
- }
-
- p-inputmask.ng-dirty.ng-invalid > .p-inputtext {
- border-color: #f44336;
- }
-
- p-inputmask.p-inputmask-clearable .p-inputtext {
- padding-right: 2rem;
- }
- p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon {
- color: #6c757d;
- right: 0.5rem;
- }
-
- .p-inputmask.p-variant-filled {
- background-color: #f8f9fa;
- }
- .p-inputmask.p-variant-filled:enabled:hover {
- background-color: #f8f9fa;
- }
- .p-inputmask.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
-
- p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
- border-color: #f44336;
- }
-
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-input {
- padding-right: 2rem;
- }
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon {
- color: #6c757d;
- 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-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #f8f9fa;
- }
- p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #f8f9fa;
- }
- p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #ffffff;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 2rem;
- }
-
- .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 #b7e0b8;
- }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: #b6bfc8;
- }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: #4CAF50;
- }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: #ffffff;
- }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: #449e48;
- }
-
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
- border-color: #f44336;
- }
-
- .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: #4CAF50;
- }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8;
- border-color: #4CAF50;
- }
- .p-inputtext.ng-dirty.ng-invalid {
- border-color: #f44336;
- }
- .p-inputtext.p-variant-filled {
- background-color: #f8f9fa;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #f8f9fa;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
- .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: #f44336;
- }
-
- .p-input-icon-left > .p-icon-wrapper.p-icon,
-.p-input-icon-left > i:first-of-type {
- left: 0.5rem;
- color: #6c757d;
- }
-
- .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: #6c757d;
- }
-
- .p-input-icon-right > .p-inputtext {
- padding-right: 2rem;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 2rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 2rem;
- }
-
- .p-icon-field-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: #ffffff;
- }
-
- .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: #6c757d;
- }
- .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: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #495057;
- background: #E8F5E9;
- }
- .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(76, 175, 80, 0.24);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #495057;
- background: #e9ecef;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #495057;
- background: #e9ecef;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: #495057;
- background: #e9ecef;
- }
- .p-listbox.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8;
- border-color: #4CAF50;
- }
-
- p-listbox.ng-dirty.ng-invalid > .p-listbox {
- border-color: #f44336;
- }
-
- .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: #4CAF50;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8;
- border-color: #4CAF50;
- }
- .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: #6c757d;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-multiselect.p-variant-filled {
- background: #f8f9fa;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #f8f9fa;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
-
- .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: #6c757d;
- right: 2.357rem;
- }
-
- .p-multiselect-panel {
- background: #ffffff;
- color: #495057;
- border: 0 none;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-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: #6c757d;
- }
- .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 #b7e0b8;
- }
- .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: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #495057;
- background: #E8F5E9;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: rgba(76, 175, 80, 0.24);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #495057;
- background: #e9ecef;
- }
- .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: #ffffff;
- }
-
- p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
- border-color: #f44336;
- }
-
- p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext {
- border-color: #f44336;
- }
-
- .p-password-panel {
- padding: 1rem;
- background: #ffffff;
- color: #495057;
- 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: 3px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #dee2e6;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #d32f2f;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #fbc02d;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #689f38;
- }
-
- p-password.p-password-clearable .p-password-input {
- padding-right: 2rem;
- }
- p-password.p-password-clearable .p-password-clear-icon {
- color: #6c757d;
- 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: #6c757d;
- 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;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: #4CAF50;
- }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8;
- border-color: #4CAF50;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.2s;
- background-color: #ffffff;
- }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #4CAF50;
- background: #4CAF50;
- }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #3d8c40;
- background: #3d8c40;
- color: #ffffff;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #f8f9fa;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #f8f9fa;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight {
- background: #4CAF50;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #3d8c40;
- }
-
- p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
- border-color: #f44336;
- }
-
- .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: #4CAF50;
- }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #3d8c40;
- }
-
- .p-radiobutton-label {
- margin-left: 0.5rem;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- border-radius: 50%;
- outline-color: transparent;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- }
- .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 #b7e0b8;
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #4CAF50;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #4CAF50;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #c0392b;
- }
-
- .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: #4CAF50;
- border-color: #4CAF50;
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #449e48;
- border-color: #449e48;
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff;
- }
-
- p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
- border-color: #f44336;
- }
-
- .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 {
- height: 100%;
- width: 0.286rem;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem;
- }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #ffffff;
- border: 2px solid #4CAF50;
- 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 #b7e0b8;
- }
- .p-slider .p-slider-range {
- background: #4CAF50;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #4CAF50;
- border-color: #4CAF50;
- }
- .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: #4CAF50;
- border-color: #4CAF50;
- color: #ffffff;
- }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #449e48;
- border-color: #449e48;
- color: #ffffff;
- }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff;
- }
-
- p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
- border-color: #f44336;
- }
-
- .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: #4CAF50;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8;
- border-color: #4CAF50;
- }
- .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: #6c757d;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-treeselect.p-variant-filled {
- background-color: #f8f9fa;
- }
- .p-treeselect.p-variant-filled:enabled:hover {
- background-color: #f8f9fa;
- }
- .p-treeselect.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
-
- p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
- border-color: #f44336;
- }
-
- .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 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-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: #6c757d;
- }
- .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 #b7e0b8;
- }
- .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: #ffffff;
- }
-
- p-treeselect.p-treeselect-clearable .p-treeselect-label-container {
- padding-right: 1.5rem;
- }
- p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
- color: #6c757d;
- right: 2.357rem;
- }
-
- .p-button {
- color: #ffffff;
- background: #4CAF50;
- border: 1px solid #4CAF50;
- 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;
- outline-color: transparent;
- }
- .p-button:not(:disabled):hover {
- background: #449e48;
- color: #ffffff;
- border-color: #449e48;
- }
- .p-button:not(:disabled):active {
- background: #3d8c40;
- color: #ffffff;
- border-color: #3d8c40;
- }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #4CAF50;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(76, 175, 80, 0.04);
- color: #4CAF50;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(76, 175, 80, 0.16);
- color: #4CAF50;
- 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: #4CAF50;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(76, 175, 80, 0.04);
- color: #4CAF50;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(76, 175, 80, 0.16);
- color: #4CAF50;
- 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-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8;
- }
- .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: #4CAF50;
- background-color: #ffffff;
- }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
- .p-button.p-button-rounded {
- border-radius: 2rem;
- }
- .p-button.p-button-icon-only {
- width: 2.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-button-group {
- display: flex;
- }
- .p-fluid .p-button-group .p-button {
- flex: 1;
- }
-
- .p-button.p-button-secondary, .p-button-group.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-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
- background: #56717d;
- color: #ffffff;
- border-color: #56717d;
- }
- .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.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 #beccd2;
- }
- .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
- background: #4d646f;
- color: #ffffff;
- border-color: #4d646f;
- }
- .p-button.p-button-secondary.p-button-outlined, .p-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
- color: #ffffff;
- background: #0288d1;
- border: 1px solid #0288d1;
- }
- .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
- background: #027abc;
- color: #ffffff;
- border-color: #027abc;
- }
- .p-button.p-button-info:not(:disabled):focus, .p-button-group.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 #89d4fe;
- }
- .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
- background: #026da7;
- color: #ffffff;
- border-color: #026da7;
- }
- .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #0288d1;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.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(2, 136, 209, 0.04);
- color: #0288d1;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.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(2, 136, 209, 0.16);
- color: #0288d1;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #0288d1;
- border-color: transparent;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.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(2, 136, 209, 0.04);
- border-color: transparent;
- color: #0288d1;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.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(2, 136, 209, 0.16);
- border-color: transparent;
- color: #0288d1;
- }
-
- .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
- color: #ffffff;
- background: #689f38;
- border: 1px solid #689f38;
- }
- .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
- background: #5e8f32;
- color: #ffffff;
- border-color: #5e8f32;
- }
- .p-button.p-button-success:not(:disabled):focus, .p-button-group.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 #c2e0a8;
- }
- .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
- background: #537f2d;
- color: #ffffff;
- border-color: #537f2d;
- }
- .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #689f38;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.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(104, 159, 56, 0.04);
- color: #689f38;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.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(104, 159, 56, 0.16);
- color: #689f38;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #689f38;
- border-color: transparent;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.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(104, 159, 56, 0.04);
- border-color: transparent;
- color: #689f38;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.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(104, 159, 56, 0.16);
- border-color: transparent;
- color: #689f38;
- }
-
- .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
- color: #212529;
- background: #fbc02d;
- border: 1px solid #fbc02d;
- }
- .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
- background: #fab710;
- color: #212529;
- border-color: #fab710;
- }
- .p-button.p-button-warning:not(:disabled):focus, .p-button-group.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 #fde6ab;
- }
- .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
- background: #e8a704;
- color: #212529;
- border-color: #e8a704;
- }
- .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #fbc02d;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.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(251, 192, 45, 0.04);
- color: #fbc02d;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.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(251, 192, 45, 0.16);
- color: #fbc02d;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #fbc02d;
- border-color: transparent;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.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(251, 192, 45, 0.04);
- border-color: transparent;
- color: #fbc02d;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.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(251, 192, 45, 0.16);
- border-color: transparent;
- color: #fbc02d;
- }
-
- .p-button.p-button-help, .p-button-group.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-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
- background: #8c239e;
- color: #ffffff;
- border-color: #8c239e;
- }
- .p-button.p-button-help:not(:disabled):focus, .p-button-group.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 #df9eea;
- }
- .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
- background: #7d1f8d;
- color: #ffffff;
- border-color: #7d1f8d;
- }
- .p-button.p-button-help.p-button-outlined, .p-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
- color: #ffffff;
- background: #d32f2f;
- border: 1px solid #d32f2f;
- }
- .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
- background: #c02929;
- color: #ffffff;
- border-color: #c02929;
- }
- .p-button.p-button-danger:not(:disabled):focus, .p-button-group.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 #edacac;
- }
- .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
- background: #aa2424;
- color: #ffffff;
- border-color: #aa2424;
- }
- .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #d32f2f;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.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(211, 47, 47, 0.04);
- color: #d32f2f;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.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(211, 47, 47, 0.16);
- color: #d32f2f;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #d32f2f;
- border-color: transparent;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.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(211, 47, 47, 0.04);
- border-color: transparent;
- color: #d32f2f;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.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(211, 47, 47, 0.16);
- border-color: transparent;
- color: #d32f2f;
- }
-
- .p-button.p-button-link {
- color: #3d8c40;
- background: transparent;
- border: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #3d8c40;
- 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 #b7e0b8;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #3d8c40;
- 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 #b7e0b8;
- }
-
- .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-rounded {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-rounded > .p-button {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-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 #b7e0b8;
- }
- .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: #E8F5E9;
- color: #495057;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-datatable-header {
- background: #f8f9fa;
- color: #495057;
- border: 1px solid #e9ecef;
- border-width: 1px 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: 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: #495057;
- background: #E8F5E9;
- 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: #4CAF50;
- }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #4CAF50;
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: #e9ecef;
- color: #4CAF50;
- }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #4CAF50;
- }
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: inset 0 0 0 0.15rem #b7e0b8;
- outline: 0 none;
- }
- .p-datatable .p-datatable-tbody > tr {
- background: #ffffff;
- color: #495057;
- transition: box-shadow 0.2s;
- }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #e9ecef;
- 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 #b7e0b8;
- }
- .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 #b7e0b8;
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #E8F5E9;
- color: #495057;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #E8F5E9;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #E8F5E9;
- }
- .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: #4CAF50;
- }
- .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: #fcfcfc;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: #E8F5E9;
- color: #495057;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: #495057;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: #495057;
- }
- .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: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-dataview-header {
- background: #f8f9fa;
- color: #495057;
- border: 1px solid #e9ecef;
- border-width: 1px 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: #E8F5E9;
- color: #495057;
- }
- .p-column-filter-menu-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8;
- }
-
- .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 #b7e0b8;
- }
-
- .p-column-filter-overlay {
- background: #ffffff;
- color: #495057;
- border: 0 none;
- border-radius: 3px;
- 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);
- 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: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
- margin-top: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #495057;
- background: #E8F5E9;
- }
- .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 #b7e0b8;
- }
- .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 #b7e0b8;
- border-color: #4CAF50;
- }
- .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: #6c757d;
- }
- .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: box-shadow 0.2s;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
- margin-top: 0;
- }
- .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: #dee2e6;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #495057;
- background: #E8F5E9;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: rgba(76, 175, 80, 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 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: 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: #E8F5E9;
- color: #495057;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #8fce94;
- }
- .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 #b7e0b8;
- }
-
- .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: 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: #495057;
- }
- .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: box-shadow 0.2s;
- border-radius: 3px;
- }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #E8F5E9;
- border-color: #E8F5E9;
- color: #495057;
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: #e9ecef;
- border-color: transparent;
- color: #495057;
- }
-
- .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 #b7e0b8;
- border-color: #4CAF50;
- }
- .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: #6c757d;
- }
- .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: box-shadow 0.2s;
- }
- .p-picklist .p-picklist-list .p-picklist-item:first-child {
- margin-top: 0;
- }
- .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: #dee2e6;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #495057;
- background: #E8F5E9;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: rgba(76, 175, 80, 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 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: 0 none;
- color: #495057;
- background: #ffffff;
- margin: 0;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 2px solid #4CAF50;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #ffffff;
- }
- .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 #b7e0b8;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 3px;
- transition: box-shadow 0.2s;
- padding: 0;
- }
- .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 #b7e0b8;
- }
- .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-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #f8f9fa;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
- background: #4CAF50;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
- background-color: #f8f9fa;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
- background: #3d8c40;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #E8F5E9;
- color: #495057;
- }
- .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: #495057;
- }
- .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: #495057;
- }
- .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: #6c757d;
- }
- .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: #a6d8a9;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content {
- border-radius: 3px;
- border: 1px solid #dee2e6;
- background-color: #ffffff;
- color: #495057;
- padding: 0;
- transition: box-shadow 0.2s;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight {
- background-color: #E8F5E9;
- color: #495057;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #495057;
- }
- .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 #b7e0b8;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-treetable-header {
- background: #f8f9fa;
- color: #495057;
- border: 1px solid #e9ecef;
- border-width: 1px 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: 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: #b7e0b8;
- }
- .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: #495057;
- background: #E8F5E9;
- 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: #4CAF50;
- }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #4CAF50;
- }
- .p-treetable .p-treetable-tbody > tr {
- background: #ffffff;
- color: #495057;
- transition: box-shadow 0.2s;
- }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #e9ecef;
- 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 #b7e0b8;
- }
- .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 > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #f8f9fa;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
- background: #4CAF50;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
- background-color: #f8f9fa;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
- background: #3d8c40;
- }
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid #b7e0b8;
- outline-offset: -0.15rem;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #E8F5E9;
- color: #495057;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #495057;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #495057;
- }
- .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: #4CAF50;
- }
- .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: 1px 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: 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 #b7e0b8;
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: #e9ecef;
- border-color: #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: 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: 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: 400;
- 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: 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 #b7e0b8;
- }
- .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 #b7e0b8;
- }
- .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 #b7e0b8;
- }
-
- .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 #b7e0b8;
- }
- .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: 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 #b7e0b8;
- }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #ffffff;
- border-color: #6c757d;
- color: #6c757d;
- }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #ffffff;
- border-color: #4CAF50;
- color: #4CAF50;
- }
- .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: #4CAF50;
- width: 2.357rem;
- 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);
- 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 #b7e0b8;
- }
- .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-stepper .p-stepper-nav {
- position: relative;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow-x: auto;
- }
-
- .p-stepper-vertical .p-stepper-nav {
- flex-direction: column;
- }
-
- .p-stepper-header {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- align-items: center;
- }
- .p-stepper-header:last-of-type {
- flex: initial;
- }
-
- .p-stepper-header .p-stepper-action {
- border: 0 none;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- cursor: pointer;
- }
- .p-stepper-header .p-stepper-action:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8;
- }
-
- .p-stepper.p-stepper-readonly .p-stepper-header {
- cursor: auto;
- }
-
- .p-stepper-header.p-highlight .p-stepper-action {
- cursor: default;
- }
-
- .p-stepper-title {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-stepper-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-stepper-separator {
- flex: 1 1 0;
- }
-
- .p-stepper .p-stepper-nav {
- display: flex;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .p-stepper .p-stepper-header {
- padding: 0.5rem;
- }
- .p-stepper .p-stepper-header .p-stepper-action {
- transition: box-shadow 0.2s;
- border-radius: 3px;
- background: #ffffff;
- outline-color: transparent;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- color: #495057;
- border: 1px solid #e9ecef;
- border-width: 2px;
- background: #ffffff;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
- margin-left: 0.5rem;
- color: #6c757d;
- font-weight: 600;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #E8F5E9;
- color: #495057;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #495057;
- }
- .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8;
- }
- .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
- background-color: #4CAF50;
- }
- .p-stepper .p-stepper-panels {
- background: #ffffff;
- padding: 1rem;
- color: #495057;
- }
- .p-stepper .p-stepper-separator {
- background-color: #dee2e6;
- width: 100%;
- height: 2px;
- margin-inline-start: 1rem;
- transition: box-shadow 0.2s;
- }
- .p-stepper.p-stepper-vertical {
- display: flex;
- flex-direction: column;
- }
- .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
- display: flex;
- flex: 1 1 auto;
- background: #ffffff;
- color: #495057;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel {
- display: flex;
- flex-direction: column;
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
- flex: 1 1 auto;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
- width: 100%;
- padding-left: 1rem;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
- flex: 0 0 auto;
- width: 2px;
- height: auto;
- margin-inline-start: calc(1.75rem + 2px);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
- background-color: #4CAF50;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
- padding-left: 3rem;
- }
-
- .p-confirm-popup {
- background: #ffffff;
- color: #495057;
- border: 0 none;
- border-radius: 3px;
- 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);
- }
- .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: 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;
- }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- 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 #b7e0b8;
- }
- .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 2rem 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: 0 none;
- background: #ffffff;
- color: #495057;
- padding: 0 1.5rem 1.5rem 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: 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);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 1rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- background: #4CAF50;
- color: #ffffff;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #449e48;
- color: #ffffff;
- }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff;
- }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #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: 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);
- }
- .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 #b7e0b8;
- }
- .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 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: 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 #b7e0b8;
- }
- .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 #4CAF50;
- border-style: dashed;
- background-color: #E8F5E9;
- }
- .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: #449e48;
- color: #ffffff;
- border-color: #449e48;
- }
- .p-fileupload-choose:not(.p-disabled):active {
- background: #3d8c40;
- color: #ffffff;
- border-color: #3d8c40;
- }
-
- .p-breadcrumb {
- background: #ffffff;
- border: 1px solid #dee2e6;
- border-radius: 3px;
- padding: 1rem;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
- transition: 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 #b7e0b8;
- }
- .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 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: 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 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: 3px;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: #495057;
- transition: 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: #dee2e6;
- }
- .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 #b7e0b8;
- }
- .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: 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: #dee2e6;
- }
- .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 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: 3px;
- }
- .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: 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: 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: #dee2e6;
- }
- .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 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 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: #4CAF50;
- color: #ffffff;
- 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: 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: 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: #dee2e6;
- }
- .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 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- width: 12.5rem;
- border-radius: 3px;
- }
- .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 #b7e0b8;
- }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0.25rem 0;
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- width: 100%;
- }
- .p-menubar .p-menubar-root-list .p-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: 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 #b7e0b8;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: #e9ecef;
- border-color: #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: 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: #dee2e6;
- }
- .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: 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: #dee2e6;
- }
- .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 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-slidemenu .p-slidemenu-list {
- padding: 0.25rem 0;
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-slidemenu .p-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 #b7e0b8;
- }
- .p-slidemenu .p-menuitem-badge {
- background: #4CAF50;
- color: #ffffff;
- 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: 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 #e9ecef;
- 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 #b7e0b8;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #E8F5E9;
- color: #495057;
- }
- .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: #4CAF50;
- color: #ffffff;
- 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: 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 #b7e0b8;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #ffffff;
- border-color: #6c757d;
- color: #6c757d;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #ffffff;
- border-color: #4CAF50;
- color: #4CAF50;
- }
- .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: #4CAF50;
- width: 2.357rem;
- 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);
- 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 #b7e0b8;
- }
-
- .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 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
- .p-tieredmenu .p-submenu-list {
- padding: 0.25rem 0;
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 3px;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: #495057;
- transition: 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: #dee2e6;
- }
- .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: #b3e5fc;
- border: solid #0891cf;
- border-width: 0px;
- color: #044868;
- }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #044868;
- }
- .p-inline-message.p-inline-message-success {
- background: #c8e6c9;
- border: solid #439446;
- border-width: 0px;
- color: #224a23;
- }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #224a23;
- }
- .p-inline-message.p-inline-message-warn {
- background: #ffecb3;
- border: solid #d9a300;
- border-width: 0px;
- color: #6d5100;
- }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #6d5100;
- }
- .p-inline-message.p-inline-message-error {
- background: #ffcdd2;
- border: solid #e60017;
- border-width: 0px;
- color: #73000c;
- }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #73000c;
- }
- .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 #b7e0b8;
- }
- .p-message.p-message-info {
- background: #b3e5fc;
- border: solid #0891cf;
- border-width: 0 0 0 6px;
- color: #044868;
- }
- .p-message.p-message-info .p-message-icon {
- color: #044868;
- }
- .p-message.p-message-info .p-message-close {
- color: #044868;
- }
- .p-message.p-message-success {
- background: #c8e6c9;
- border: solid #439446;
- border-width: 0 0 0 6px;
- color: #224a23;
- }
- .p-message.p-message-success .p-message-icon {
- color: #224a23;
- }
- .p-message.p-message-success .p-message-close {
- color: #224a23;
- }
- .p-message.p-message-warn {
- background: #ffecb3;
- border: solid #d9a300;
- border-width: 0 0 0 6px;
- color: #6d5100;
- }
- .p-message.p-message-warn .p-message-icon {
- color: #6d5100;
- }
- .p-message.p-message-warn .p-message-close {
- color: #6d5100;
- }
- .p-message.p-message-error {
- background: #ffcdd2;
- border: solid #e60017;
- border-width: 0 0 0 6px;
- color: #73000c;
- }
- .p-message.p-message-error .p-message-icon {
- color: #73000c;
- }
- .p-message.p-message-error .p-message-close {
- color: #73000c;
- }
- .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 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: 3px;
- }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0 0 0 6px;
- }
- .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 #b7e0b8;
- }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #b3e5fc;
- border: solid #0891cf;
- border-width: 0 0 0 6px;
- color: #044868;
- }
- .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: #044868;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #c8e6c9;
- border: solid #439446;
- border-width: 0 0 0 6px;
- color: #224a23;
- }
- .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: #224a23;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #ffecb3;
- border: solid #d9a300;
- border-width: 0 0 0 6px;
- color: #6d5100;
- }
- .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: #6d5100;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #ffcdd2;
- border: solid #e60017;
- border-width: 0 0 0 6px;
- color: #73000c;
- }
- .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: #73000c;
- }
-
- .p-galleria .p-galleria-close {
- margin: 0.5rem;
- background: transparent;
- color: #f8f9fa;
- 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: #f8f9fa;
- }
- .p-galleria .p-galleria-item-nav {
- background: transparent;
- color: #f8f9fa;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- margin: 0 0.5rem;
- }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa;
- }
- .p-galleria .p-galleria-caption {
- background: rgba(0, 0, 0, 0.5);
- color: #f8f9fa;
- 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: #E8F5E9;
- color: #495057;
- }
- .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: #E8F5E9;
- color: #495057;
- }
- .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: #f8f9fa;
- 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: #f8f9fa;
- }
- .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 #b7e0b8;
- }
-
- .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: #4CAF50;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- }
- .p-badge.p-badge-success {
- background-color: #689f38;
- color: #ffffff;
- }
- .p-badge.p-badge-info {
- background-color: #0288d1;
- color: #ffffff;
- }
- .p-badge.p-badge-warning {
- background-color: #fbc02d;
- color: #212529;
- }
- .p-badge.p-badge-danger {
- background-color: #d32f2f;
- color: #ffffff;
- }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
- }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
- }
-
- .p-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 #b7e0b8;
- }
- .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 #b7e0b8;
- }
-
- .p-metergroup {
- display: flex;
- }
-
- .p-metergroup-meters {
- display: flex;
- }
-
- .p-metergroup-vertical .p-metergroup-meters {
- flex-direction: column;
- }
-
- .p-metergroup-labels {
- display: flex;
- flex-wrap: wrap;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-metergroup-vertical .p-metergroup-labels {
- align-items: start;
- }
-
- .p-metergroup-labels-vertical {
- flex-direction: column;
- }
-
- .p-metergroup-label {
- display: inline-flex;
- align-items: center;
- }
-
- .p-metergroup-label-marker {
- display: inline-flex;
- }
-
- .p-metergroup {
- gap: 1rem;
- }
- .p-metergroup .p-metergroup-meters {
- background: #dee2e6;
- border-radius: 3px;
- }
- .p-metergroup .p-metergroup-meter {
- border: 0 none;
- background: #4CAF50;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
- background: #4CAF50;
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 100%;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
- gap: 1rem;
- }
- .p-metergroup.p-metergroup-horizontal {
- flex-direction: column;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
- height: 0.5rem;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-metergroup.p-metergroup-vertical {
- flex-direction: row;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
- width: 0.5rem;
- height: 100%;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
- border-top-left-radius: 3px;
- border-top-right-radius: 3px;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
- }
-
- .p-progressbar {
- border: 0 none;
- height: 1.5rem;
- background: #dee2e6;
- border-radius: 3px;
- }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #4CAF50;
- }
- .p-progressbar .p-progressbar-label {
- color: #ffffff;
- line-height: 1.5rem;
- }
-
- .p-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, 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: #4CAF50;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 3px;
- }
- .p-tag.p-tag-success {
- background-color: #689f38;
- color: #ffffff;
- }
- .p-tag.p-tag-info {
- background-color: #0288d1;
- color: #ffffff;
- }
- .p-tag.p-tag-warning {
- background-color: #fbc02d;
- color: #212529;
- }
- .p-tag.p-tag-danger {
- background-color: #d32f2f;
- color: #ffffff;
- }
- .p-tag .p-tag-icon {
- margin-right: 0.25rem;
- font-size: 0.75rem;
- }
- .p-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 */
-@layer primeng {
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background-color: #4CAF50;
- }
-
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background-color: #4CAF50;
- }
-
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #4CAF50;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #4CAF50;
- }
-}
diff --git a/client/src/assets/components/themes/saga-orange/theme.css b/client/src/assets/components/themes/saga-orange/theme.css
deleted file mode 100644
index a6e90ee1..00000000
--- a/client/src/assets/components/themes/saga-orange/theme.css
+++ /dev/null
@@ -1,6419 +0,0 @@
-: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: #f8f9fa;
- --surface-c: #e9ecef;
- --surface-d: #dee2e6;
- --surface-e: #ffffff;
- --surface-f: #ffffff;
- --text-color: #495057;
- --text-color-secondary: #6c757d;
- --primary-color: #FFC107;
- --primary-color-text: #212529;
- --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: 3px;
- --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);
- --highlight-bg: #FFF3E0;
- --highlight-text-color: #495057;
- --focus-ring: 0 0 0 0.2rem #ffe69c;
- color-scheme: light;
-}
-
-: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:#fffcf3;
- --primary-100:#fff0c3;
- --primary-200:#ffe494;
- --primary-300:#ffd965;
- --primary-400:#ffcd36;
- --primary-500:#ffc107;
- --primary-600:#d9a406;
- --primary-700:#b38705;
- --primary-800:#8c6a04;
- --primary-900:#664d03;
-}
-
-.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 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: 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: #FFC107;
-}
-.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: #FFC107;
-}
-.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: #FFC107;
-}
-.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: #FFC107;
-}
-
-@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.6;
- }
-
- .p-error {
- color: #f44336;
- }
-
- .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 #ffe69c;
- }
-
- .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: #FFC107;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c;
- border-color: #FFC107;
- }
- .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: #ced4da;
- color: #495057;
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #f44336;
- }
-
- .p-autocomplete-panel {
- background: #ffffff;
- color: #495057;
- border: 0 none;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-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: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #495057;
- background: #FFF3E0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: #ebe0ce;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #495057;
- background: #dee2e6;
- }
- .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-panel .p-autocomplete-items .p-autocomplete-empty-message {
- padding: 0.5rem 1rem;
- color: #495057;
- background: transparent;
- }
-
- p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
- border-color: #f44336;
- }
-
- p-autocomplete.p-autocomplete-clearable .p-inputtext {
- padding-right: 2rem;
- }
- p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon {
- color: #6c757d;
- right: 0.5rem;
- }
-
- p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon {
- color: #6c757d;
- right: 2.857rem;
- }
-
- p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
- border-color: #f44336;
- }
-
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c;
- border-color: #FFC107;
- }
-
- .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 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-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 #ffe69c;
- }
- .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: #FFC107;
- }
- .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: box-shadow 0.2s;
- border: 1px solid transparent;
- }
- .p-datepicker table td > span.p-highlight {
- color: #495057;
- background: #FFF3E0;
- }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c;
- }
- .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: #495057;
- background: #FFF3E0;
- }
- .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 #ffe69c;
- }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: 0.2em;
- }
- .p-datepicker .p-timepicker span {
- font-size: 1.25rem;
- }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem;
- }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none;
- }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: box-shadow 0.2s;
- border-radius: 3px;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #495057;
- background: #FFF3E0;
- }
- .p-datepicker .p-yearpicker {
- margin: 0.5rem 0;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year {
- padding: 0.5rem;
- transition: box-shadow 0.2s;
- border-radius: 3px;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
- color: #495057;
- background: #FFF3E0;
- }
- .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 #ffe69c;
- }
- .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 #ffe69c;
- }
- .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 #ffe69c;
- }
-
- p-calendar.p-calendar-clearable .p-inputtext {
- padding-right: 2rem;
- }
- p-calendar.p-calendar-clearable .p-calendar-clear-icon {
- color: #6c757d;
- right: 0.5rem;
- }
-
- p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon {
- color: #6c757d;
- 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: #FFC107;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c;
- border-color: #FFC107;
- }
- .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: #6c757d;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #f44336;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #f8f9fa;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #f8f9fa;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
-
- .p-cascadeselect-panel {
- background: #ffffff;
- color: #495057;
- border: 0 none;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-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: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #495057;
- background: #FFF3E0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: #ebe0ce;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #495057;
- background: #dee2e6;
- }
- .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: #ffffff;
- }
-
- p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect {
- border-color: #f44336;
- }
-
- p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label {
- padding-right: 0.5rem;
- }
- p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon {
- color: #6c757d;
- 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;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #212529;
- font-size: 14px;
- }
- .p-checkbox .p-checkbox-box .p-icon {
- width: 14px;
- height: 14px;
- }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #FFC107;
- background: #FFC107;
- }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: #FFC107;
- }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c;
- border-color: #FFC107;
- }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #d29d00;
- background: #d29d00;
- color: #212529;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #f8f9fa;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
- background: #FFC107;
- }
- .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #f8f9fa;
- }
- .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #d29d00;
- }
-
- p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
- border-color: #f44336;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #f8f9fa;
- }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #FFC107;
- }
- .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: #d29d00;
- }
-
- .p-checkbox-label {
- margin-left: 0.5rem;
- }
-
- p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
- border-color: #f44336;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #FFC107;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c;
- border-color: #FFC107;
- }
- .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: #ced4da;
- 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: #f44336;
- }
-
- p-chips.p-chips-clearable .p-inputtext {
- padding-right: 1.5rem;
- }
- p-chips.p-chips-clearable .p-chips-clear-icon {
- color: #6c757d;
- 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 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-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: #FFC107;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c;
- border-color: #FFC107;
- }
- .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: #6c757d;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: #6c757d;
- right: 2.357rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #f44336;
- }
- .p-dropdown.p-variant-filled {
- background-color: #f8f9fa;
- }
- .p-dropdown.p-variant-filled:enabled:hover {
- background-color: #f8f9fa;
- }
- .p-dropdown.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
-
- .p-dropdown-panel {
- background: #ffffff;
- color: #495057;
- border: 0 none;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-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: #6c757d;
- }
- .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: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #495057;
- background: #FFF3E0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: #ebe0ce;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #495057;
- background: #dee2e6;
- }
- .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: #ffffff;
- }
- .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: #f44336;
- }
-
- .p-icon-field .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .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-icon-field-left .p-input-icon:first-of-type {
- left: 0.5rem;
- color: #6c757d;
- }
-
- .p-icon-field-right .p-input-icon:last-of-type {
- right: 0.5rem;
- color: #6c757d;
- }
-
- p-inputmask.ng-dirty.ng-invalid > .p-inputtext {
- border-color: #f44336;
- }
-
- p-inputmask.p-inputmask-clearable .p-inputtext {
- padding-right: 2rem;
- }
- p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon {
- color: #6c757d;
- right: 0.5rem;
- }
-
- .p-inputmask.p-variant-filled {
- background-color: #f8f9fa;
- }
- .p-inputmask.p-variant-filled:enabled:hover {
- background-color: #f8f9fa;
- }
- .p-inputmask.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
-
- p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
- border-color: #f44336;
- }
-
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-input {
- padding-right: 2rem;
- }
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon {
- color: #6c757d;
- 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-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #f8f9fa;
- }
- p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #f8f9fa;
- }
- p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #ffffff;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 2rem;
- }
-
- .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 #ffe69c;
- }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: #b6bfc8;
- }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: #FFC107;
- }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: #ffffff;
- }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: #ecb100;
- }
-
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
- border-color: #f44336;
- }
-
- .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: #FFC107;
- }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c;
- border-color: #FFC107;
- }
- .p-inputtext.ng-dirty.ng-invalid {
- border-color: #f44336;
- }
- .p-inputtext.p-variant-filled {
- background-color: #f8f9fa;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #f8f9fa;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
- .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: #f44336;
- }
-
- .p-input-icon-left > .p-icon-wrapper.p-icon,
-.p-input-icon-left > i:first-of-type {
- left: 0.5rem;
- color: #6c757d;
- }
-
- .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: #6c757d;
- }
-
- .p-input-icon-right > .p-inputtext {
- padding-right: 2rem;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 2rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 2rem;
- }
-
- .p-icon-field-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: #ffffff;
- }
-
- .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: #6c757d;
- }
- .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: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #495057;
- background: #FFF3E0;
- }
- .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: #ebe0ce;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #495057;
- background: #e9ecef;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #495057;
- background: #e9ecef;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: #495057;
- background: #e9ecef;
- }
- .p-listbox.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c;
- border-color: #FFC107;
- }
-
- p-listbox.ng-dirty.ng-invalid > .p-listbox {
- border-color: #f44336;
- }
-
- .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: #FFC107;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c;
- border-color: #FFC107;
- }
- .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: #6c757d;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-multiselect.p-variant-filled {
- background: #f8f9fa;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #f8f9fa;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
-
- .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: #6c757d;
- right: 2.357rem;
- }
-
- .p-multiselect-panel {
- background: #ffffff;
- color: #495057;
- border: 0 none;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-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: #6c757d;
- }
- .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 #ffe69c;
- }
- .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: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #495057;
- background: #FFF3E0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: #ebe0ce;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #495057;
- background: #e9ecef;
- }
- .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: #ffffff;
- }
-
- p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
- border-color: #f44336;
- }
-
- p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext {
- border-color: #f44336;
- }
-
- .p-password-panel {
- padding: 1rem;
- background: #ffffff;
- color: #495057;
- 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: 3px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #dee2e6;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #d32f2f;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #fbc02d;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #689f38;
- }
-
- p-password.p-password-clearable .p-password-input {
- padding-right: 2rem;
- }
- p-password.p-password-clearable .p-password-clear-icon {
- color: #6c757d;
- 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: #6c757d;
- 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;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: #FFC107;
- }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c;
- border-color: #FFC107;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.2s;
- background-color: #212529;
- }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #FFC107;
- background: #FFC107;
- }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #d29d00;
- background: #d29d00;
- color: #212529;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #f8f9fa;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #f8f9fa;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight {
- background: #FFC107;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #d29d00;
- }
-
- p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
- border-color: #f44336;
- }
-
- .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: #FFC107;
- }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #d29d00;
- }
-
- .p-radiobutton-label {
- margin-left: 0.5rem;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- border-radius: 50%;
- outline-color: transparent;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- }
- .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 #ffe69c;
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #FFC107;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #FFC107;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #c0392b;
- }
-
- .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: #FFC107;
- border-color: #FFC107;
- color: #212529;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #212529;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #ecb100;
- border-color: #ecb100;
- color: #212529;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #212529;
- }
-
- p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
- border-color: #f44336;
- }
-
- .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 {
- height: 100%;
- width: 0.286rem;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem;
- }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #ffffff;
- border: 2px solid #FFC107;
- 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 #ffe69c;
- }
- .p-slider .p-slider-range {
- background: #FFC107;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #FFC107;
- border-color: #FFC107;
- }
- .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: #FFC107;
- border-color: #FFC107;
- color: #212529;
- }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: #212529;
- }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #ecb100;
- border-color: #ecb100;
- color: #212529;
- }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: #212529;
- }
-
- p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
- border-color: #f44336;
- }
-
- .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: #FFC107;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c;
- border-color: #FFC107;
- }
- .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: #6c757d;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-treeselect.p-variant-filled {
- background-color: #f8f9fa;
- }
- .p-treeselect.p-variant-filled:enabled:hover {
- background-color: #f8f9fa;
- }
- .p-treeselect.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
-
- p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
- border-color: #f44336;
- }
-
- .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 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-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: #6c757d;
- }
- .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 #ffe69c;
- }
- .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: #ffffff;
- }
-
- p-treeselect.p-treeselect-clearable .p-treeselect-label-container {
- padding-right: 1.5rem;
- }
- p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
- color: #6c757d;
- right: 2.357rem;
- }
-
- .p-button {
- color: #212529;
- background: #FFC107;
- border: 1px solid #FFC107;
- 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;
- outline-color: transparent;
- }
- .p-button:not(:disabled):hover {
- background: #ecb100;
- color: #212529;
- border-color: #ecb100;
- }
- .p-button:not(:disabled):active {
- background: #d29d00;
- color: #212529;
- border-color: #d29d00;
- }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #FFC107;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(255, 193, 7, 0.04);
- color: #FFC107;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(255, 193, 7, 0.16);
- color: #FFC107;
- 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: #FFC107;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(255, 193, 7, 0.04);
- color: #FFC107;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(255, 193, 7, 0.16);
- color: #FFC107;
- 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-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c;
- }
- .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: #FFC107;
- background-color: #212529;
- }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
- .p-button.p-button-rounded {
- border-radius: 2rem;
- }
- .p-button.p-button-icon-only {
- width: 2.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-button-group {
- display: flex;
- }
- .p-fluid .p-button-group .p-button {
- flex: 1;
- }
-
- .p-button.p-button-secondary, .p-button-group.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-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
- background: #56717d;
- color: #ffffff;
- border-color: #56717d;
- }
- .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.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 #beccd2;
- }
- .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
- background: #4d646f;
- color: #ffffff;
- border-color: #4d646f;
- }
- .p-button.p-button-secondary.p-button-outlined, .p-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
- color: #ffffff;
- background: #0288d1;
- border: 1px solid #0288d1;
- }
- .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
- background: #027abc;
- color: #ffffff;
- border-color: #027abc;
- }
- .p-button.p-button-info:not(:disabled):focus, .p-button-group.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 #89d4fe;
- }
- .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
- background: #026da7;
- color: #ffffff;
- border-color: #026da7;
- }
- .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #0288d1;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.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(2, 136, 209, 0.04);
- color: #0288d1;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.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(2, 136, 209, 0.16);
- color: #0288d1;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #0288d1;
- border-color: transparent;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.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(2, 136, 209, 0.04);
- border-color: transparent;
- color: #0288d1;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.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(2, 136, 209, 0.16);
- border-color: transparent;
- color: #0288d1;
- }
-
- .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
- color: #ffffff;
- background: #689f38;
- border: 1px solid #689f38;
- }
- .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
- background: #5e8f32;
- color: #ffffff;
- border-color: #5e8f32;
- }
- .p-button.p-button-success:not(:disabled):focus, .p-button-group.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 #c2e0a8;
- }
- .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
- background: #537f2d;
- color: #ffffff;
- border-color: #537f2d;
- }
- .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #689f38;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.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(104, 159, 56, 0.04);
- color: #689f38;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.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(104, 159, 56, 0.16);
- color: #689f38;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #689f38;
- border-color: transparent;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.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(104, 159, 56, 0.04);
- border-color: transparent;
- color: #689f38;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.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(104, 159, 56, 0.16);
- border-color: transparent;
- color: #689f38;
- }
-
- .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
- color: #212529;
- background: #fbc02d;
- border: 1px solid #fbc02d;
- }
- .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
- background: #fab710;
- color: #212529;
- border-color: #fab710;
- }
- .p-button.p-button-warning:not(:disabled):focus, .p-button-group.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 #fde6ab;
- }
- .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
- background: #e8a704;
- color: #212529;
- border-color: #e8a704;
- }
- .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #fbc02d;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.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(251, 192, 45, 0.04);
- color: #fbc02d;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.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(251, 192, 45, 0.16);
- color: #fbc02d;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #fbc02d;
- border-color: transparent;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.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(251, 192, 45, 0.04);
- border-color: transparent;
- color: #fbc02d;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.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(251, 192, 45, 0.16);
- border-color: transparent;
- color: #fbc02d;
- }
-
- .p-button.p-button-help, .p-button-group.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-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
- background: #8c239e;
- color: #ffffff;
- border-color: #8c239e;
- }
- .p-button.p-button-help:not(:disabled):focus, .p-button-group.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 #df9eea;
- }
- .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
- background: #7d1f8d;
- color: #ffffff;
- border-color: #7d1f8d;
- }
- .p-button.p-button-help.p-button-outlined, .p-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
- color: #ffffff;
- background: #d32f2f;
- border: 1px solid #d32f2f;
- }
- .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
- background: #c02929;
- color: #ffffff;
- border-color: #c02929;
- }
- .p-button.p-button-danger:not(:disabled):focus, .p-button-group.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 #edacac;
- }
- .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
- background: #aa2424;
- color: #ffffff;
- border-color: #aa2424;
- }
- .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #d32f2f;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.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(211, 47, 47, 0.04);
- color: #d32f2f;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.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(211, 47, 47, 0.16);
- color: #d32f2f;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #d32f2f;
- border-color: transparent;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.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(211, 47, 47, 0.04);
- border-color: transparent;
- color: #d32f2f;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.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(211, 47, 47, 0.16);
- border-color: transparent;
- color: #d32f2f;
- }
-
- .p-button.p-button-link {
- color: #d29d00;
- background: transparent;
- border: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #d29d00;
- 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 #ffe69c;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #d29d00;
- 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 #ffe69c;
- }
-
- .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-rounded {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-rounded > .p-button {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-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 #ffe69c;
- }
- .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: #FFF3E0;
- color: #495057;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-datatable-header {
- background: #f8f9fa;
- color: #495057;
- border: 1px solid #e9ecef;
- border-width: 1px 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: 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: #495057;
- background: #FFF3E0;
- 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: #FFC107;
- }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #FFC107;
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: #e9ecef;
- color: #FFC107;
- }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #FFC107;
- }
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: inset 0 0 0 0.15rem #ffe69c;
- outline: 0 none;
- }
- .p-datatable .p-datatable-tbody > tr {
- background: #ffffff;
- color: #495057;
- transition: box-shadow 0.2s;
- }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #e9ecef;
- 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 #ffe69c;
- }
- .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 #ffe69c;
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #FFF3E0;
- color: #495057;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #FFF3E0;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #FFF3E0;
- }
- .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: #FFC107;
- }
- .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: #fcfcfc;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: #FFF3E0;
- color: #495057;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: #495057;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: #495057;
- }
- .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: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-dataview-header {
- background: #f8f9fa;
- color: #495057;
- border: 1px solid #e9ecef;
- border-width: 1px 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: #FFF3E0;
- color: #495057;
- }
- .p-column-filter-menu-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c;
- }
-
- .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 #ffe69c;
- }
-
- .p-column-filter-overlay {
- background: #ffffff;
- color: #495057;
- border: 0 none;
- border-radius: 3px;
- 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);
- 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: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
- margin-top: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #495057;
- background: #FFF3E0;
- }
- .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 #ffe69c;
- }
- .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 #ffe69c;
- border-color: #FFC107;
- }
- .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: #6c757d;
- }
- .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: box-shadow 0.2s;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
- margin-top: 0;
- }
- .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: #dee2e6;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #495057;
- background: #FFF3E0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: #ebe0ce;
- }
- .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 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: 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: #FFF3E0;
- color: #495057;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #ffc261;
- }
- .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 #ffe69c;
- }
-
- .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: 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: #495057;
- }
- .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: box-shadow 0.2s;
- border-radius: 3px;
- }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #FFF3E0;
- border-color: #FFF3E0;
- color: #495057;
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: #e9ecef;
- border-color: transparent;
- color: #495057;
- }
-
- .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 #ffe69c;
- border-color: #FFC107;
- }
- .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: #6c757d;
- }
- .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: box-shadow 0.2s;
- }
- .p-picklist .p-picklist-list .p-picklist-item:first-child {
- margin-top: 0;
- }
- .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: #dee2e6;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #495057;
- background: #FFF3E0;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: #ebe0ce;
- }
- .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 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: 0 none;
- color: #495057;
- background: #ffffff;
- margin: 0;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 2px solid #FFC107;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #ffffff;
- }
- .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 #ffe69c;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 3px;
- transition: box-shadow 0.2s;
- padding: 0;
- }
- .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 #ffe69c;
- }
- .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-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #f8f9fa;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
- background: #FFC107;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
- background-color: #f8f9fa;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
- background: #d29d00;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #FFF3E0;
- color: #495057;
- }
- .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: #495057;
- }
- .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: #495057;
- }
- .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: #6c757d;
- }
- .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: #ffce80;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content {
- border-radius: 3px;
- border: 1px solid #dee2e6;
- background-color: #ffffff;
- color: #495057;
- padding: 0;
- transition: box-shadow 0.2s;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight {
- background-color: #FFF3E0;
- color: #495057;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #495057;
- }
- .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 #ffe69c;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-treetable-header {
- background: #f8f9fa;
- color: #495057;
- border: 1px solid #e9ecef;
- border-width: 1px 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: 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: #ffe69c;
- }
- .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: #495057;
- background: #FFF3E0;
- 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: #FFC107;
- }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #FFC107;
- }
- .p-treetable .p-treetable-tbody > tr {
- background: #ffffff;
- color: #495057;
- transition: box-shadow 0.2s;
- }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #e9ecef;
- 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 #ffe69c;
- }
- .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 > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #f8f9fa;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
- background: #FFC107;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
- background-color: #f8f9fa;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
- background: #d29d00;
- }
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid #ffe69c;
- outline-offset: -0.15rem;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #FFF3E0;
- color: #495057;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #495057;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #495057;
- }
- .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: #FFC107;
- }
- .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: 1px 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: 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 #ffe69c;
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: #e9ecef;
- border-color: #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: 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: 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: 400;
- 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: 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 #ffe69c;
- }
- .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 #ffe69c;
- }
- .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 #ffe69c;
- }
-
- .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 #ffe69c;
- }
- .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: 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 #ffe69c;
- }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #ffffff;
- border-color: #6c757d;
- color: #6c757d;
- }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #ffffff;
- border-color: #FFC107;
- color: #FFC107;
- }
- .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: #FFC107;
- width: 2.357rem;
- 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);
- 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 #ffe69c;
- }
- .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-stepper .p-stepper-nav {
- position: relative;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow-x: auto;
- }
-
- .p-stepper-vertical .p-stepper-nav {
- flex-direction: column;
- }
-
- .p-stepper-header {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- align-items: center;
- }
- .p-stepper-header:last-of-type {
- flex: initial;
- }
-
- .p-stepper-header .p-stepper-action {
- border: 0 none;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- cursor: pointer;
- }
- .p-stepper-header .p-stepper-action:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c;
- }
-
- .p-stepper.p-stepper-readonly .p-stepper-header {
- cursor: auto;
- }
-
- .p-stepper-header.p-highlight .p-stepper-action {
- cursor: default;
- }
-
- .p-stepper-title {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-stepper-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-stepper-separator {
- flex: 1 1 0;
- }
-
- .p-stepper .p-stepper-nav {
- display: flex;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .p-stepper .p-stepper-header {
- padding: 0.5rem;
- }
- .p-stepper .p-stepper-header .p-stepper-action {
- transition: box-shadow 0.2s;
- border-radius: 3px;
- background: #ffffff;
- outline-color: transparent;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- color: #495057;
- border: 1px solid #e9ecef;
- border-width: 2px;
- background: #ffffff;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
- margin-left: 0.5rem;
- color: #6c757d;
- font-weight: 600;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #FFF3E0;
- color: #495057;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #495057;
- }
- .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c;
- }
- .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
- background-color: #FFC107;
- }
- .p-stepper .p-stepper-panels {
- background: #ffffff;
- padding: 1rem;
- color: #495057;
- }
- .p-stepper .p-stepper-separator {
- background-color: #dee2e6;
- width: 100%;
- height: 2px;
- margin-inline-start: 1rem;
- transition: box-shadow 0.2s;
- }
- .p-stepper.p-stepper-vertical {
- display: flex;
- flex-direction: column;
- }
- .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
- display: flex;
- flex: 1 1 auto;
- background: #ffffff;
- color: #495057;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel {
- display: flex;
- flex-direction: column;
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
- flex: 1 1 auto;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
- width: 100%;
- padding-left: 1rem;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
- flex: 0 0 auto;
- width: 2px;
- height: auto;
- margin-inline-start: calc(1.75rem + 2px);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
- background-color: #FFC107;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
- padding-left: 3rem;
- }
-
- .p-confirm-popup {
- background: #ffffff;
- color: #495057;
- border: 0 none;
- border-radius: 3px;
- 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);
- }
- .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: 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;
- }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- 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 #ffe69c;
- }
- .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 2rem 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: 0 none;
- background: #ffffff;
- color: #495057;
- padding: 0 1.5rem 1.5rem 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: 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);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 1rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- background: #FFC107;
- color: #212529;
- 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: #ecb100;
- color: #212529;
- }
- .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: 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);
- }
- .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 #ffe69c;
- }
- .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 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: 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 #ffe69c;
- }
- .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 #FFC107;
- border-style: dashed;
- background-color: #FFF3E0;
- }
- .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: #ecb100;
- color: #212529;
- border-color: #ecb100;
- }
- .p-fileupload-choose:not(.p-disabled):active {
- background: #d29d00;
- color: #212529;
- border-color: #d29d00;
- }
-
- .p-breadcrumb {
- background: #ffffff;
- border: 1px solid #dee2e6;
- border-radius: 3px;
- padding: 1rem;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
- transition: 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 #ffe69c;
- }
- .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 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: 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 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: 3px;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: #495057;
- transition: 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: #dee2e6;
- }
- .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 #ffe69c;
- }
- .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: 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: #dee2e6;
- }
- .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 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: 3px;
- }
- .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: 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: 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: #dee2e6;
- }
- .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 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 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: #FFC107;
- color: #212529;
- 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: 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: 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: #dee2e6;
- }
- .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 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- width: 12.5rem;
- border-radius: 3px;
- }
- .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 #ffe69c;
- }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0.25rem 0;
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- width: 100%;
- }
- .p-menubar .p-menubar-root-list .p-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: 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 #ffe69c;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: #e9ecef;
- border-color: #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: 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: #dee2e6;
- }
- .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: 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: #dee2e6;
- }
- .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 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-slidemenu .p-slidemenu-list {
- padding: 0.25rem 0;
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-slidemenu .p-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 #ffe69c;
- }
- .p-slidemenu .p-menuitem-badge {
- background: #FFC107;
- color: #212529;
- 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: 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 #e9ecef;
- 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 #ffe69c;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #FFF3E0;
- color: #495057;
- }
- .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: #FFC107;
- color: #212529;
- 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: 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 #ffe69c;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #ffffff;
- border-color: #6c757d;
- color: #6c757d;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #ffffff;
- border-color: #FFC107;
- color: #FFC107;
- }
- .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: #FFC107;
- width: 2.357rem;
- 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);
- 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 #ffe69c;
- }
-
- .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 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
- .p-tieredmenu .p-submenu-list {
- padding: 0.25rem 0;
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 3px;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: #495057;
- transition: 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: #dee2e6;
- }
- .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: #b3e5fc;
- border: solid #0891cf;
- border-width: 0px;
- color: #044868;
- }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #044868;
- }
- .p-inline-message.p-inline-message-success {
- background: #c8e6c9;
- border: solid #439446;
- border-width: 0px;
- color: #224a23;
- }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #224a23;
- }
- .p-inline-message.p-inline-message-warn {
- background: #ffecb3;
- border: solid #d9a300;
- border-width: 0px;
- color: #6d5100;
- }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #6d5100;
- }
- .p-inline-message.p-inline-message-error {
- background: #ffcdd2;
- border: solid #e60017;
- border-width: 0px;
- color: #73000c;
- }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #73000c;
- }
- .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 #ffe69c;
- }
- .p-message.p-message-info {
- background: #b3e5fc;
- border: solid #0891cf;
- border-width: 0 0 0 6px;
- color: #044868;
- }
- .p-message.p-message-info .p-message-icon {
- color: #044868;
- }
- .p-message.p-message-info .p-message-close {
- color: #044868;
- }
- .p-message.p-message-success {
- background: #c8e6c9;
- border: solid #439446;
- border-width: 0 0 0 6px;
- color: #224a23;
- }
- .p-message.p-message-success .p-message-icon {
- color: #224a23;
- }
- .p-message.p-message-success .p-message-close {
- color: #224a23;
- }
- .p-message.p-message-warn {
- background: #ffecb3;
- border: solid #d9a300;
- border-width: 0 0 0 6px;
- color: #6d5100;
- }
- .p-message.p-message-warn .p-message-icon {
- color: #6d5100;
- }
- .p-message.p-message-warn .p-message-close {
- color: #6d5100;
- }
- .p-message.p-message-error {
- background: #ffcdd2;
- border: solid #e60017;
- border-width: 0 0 0 6px;
- color: #73000c;
- }
- .p-message.p-message-error .p-message-icon {
- color: #73000c;
- }
- .p-message.p-message-error .p-message-close {
- color: #73000c;
- }
- .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 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: 3px;
- }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0 0 0 6px;
- }
- .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 #ffe69c;
- }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #b3e5fc;
- border: solid #0891cf;
- border-width: 0 0 0 6px;
- color: #044868;
- }
- .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: #044868;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #c8e6c9;
- border: solid #439446;
- border-width: 0 0 0 6px;
- color: #224a23;
- }
- .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: #224a23;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #ffecb3;
- border: solid #d9a300;
- border-width: 0 0 0 6px;
- color: #6d5100;
- }
- .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: #6d5100;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #ffcdd2;
- border: solid #e60017;
- border-width: 0 0 0 6px;
- color: #73000c;
- }
- .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: #73000c;
- }
-
- .p-galleria .p-galleria-close {
- margin: 0.5rem;
- background: transparent;
- color: #f8f9fa;
- 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: #f8f9fa;
- }
- .p-galleria .p-galleria-item-nav {
- background: transparent;
- color: #f8f9fa;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- margin: 0 0.5rem;
- }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa;
- }
- .p-galleria .p-galleria-caption {
- background: rgba(0, 0, 0, 0.5);
- color: #f8f9fa;
- 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: #FFF3E0;
- color: #495057;
- }
- .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: #FFF3E0;
- color: #495057;
- }
- .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: #f8f9fa;
- 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: #f8f9fa;
- }
- .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 #ffe69c;
- }
-
- .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: #FFC107;
- color: #212529;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- }
- .p-badge.p-badge-success {
- background-color: #689f38;
- color: #ffffff;
- }
- .p-badge.p-badge-info {
- background-color: #0288d1;
- color: #ffffff;
- }
- .p-badge.p-badge-warning {
- background-color: #fbc02d;
- color: #212529;
- }
- .p-badge.p-badge-danger {
- background-color: #d32f2f;
- color: #ffffff;
- }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
- }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
- }
-
- .p-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 #ffe69c;
- }
- .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 #ffe69c;
- }
-
- .p-metergroup {
- display: flex;
- }
-
- .p-metergroup-meters {
- display: flex;
- }
-
- .p-metergroup-vertical .p-metergroup-meters {
- flex-direction: column;
- }
-
- .p-metergroup-labels {
- display: flex;
- flex-wrap: wrap;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-metergroup-vertical .p-metergroup-labels {
- align-items: start;
- }
-
- .p-metergroup-labels-vertical {
- flex-direction: column;
- }
-
- .p-metergroup-label {
- display: inline-flex;
- align-items: center;
- }
-
- .p-metergroup-label-marker {
- display: inline-flex;
- }
-
- .p-metergroup {
- gap: 1rem;
- }
- .p-metergroup .p-metergroup-meters {
- background: #dee2e6;
- border-radius: 3px;
- }
- .p-metergroup .p-metergroup-meter {
- border: 0 none;
- background: #FFC107;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
- background: #FFC107;
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 100%;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
- gap: 1rem;
- }
- .p-metergroup.p-metergroup-horizontal {
- flex-direction: column;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
- height: 0.5rem;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-metergroup.p-metergroup-vertical {
- flex-direction: row;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
- width: 0.5rem;
- height: 100%;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
- border-top-left-radius: 3px;
- border-top-right-radius: 3px;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
- }
-
- .p-progressbar {
- border: 0 none;
- height: 1.5rem;
- background: #dee2e6;
- border-radius: 3px;
- }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #FFC107;
- }
- .p-progressbar .p-progressbar-label {
- color: #212529;
- line-height: 1.5rem;
- }
-
- .p-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, 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: #FFC107;
- color: #212529;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 3px;
- }
- .p-tag.p-tag-success {
- background-color: #689f38;
- color: #ffffff;
- }
- .p-tag.p-tag-info {
- background-color: #0288d1;
- color: #ffffff;
- }
- .p-tag.p-tag-warning {
- background-color: #fbc02d;
- color: #212529;
- }
- .p-tag.p-tag-danger {
- background-color: #d32f2f;
- color: #ffffff;
- }
- .p-tag .p-tag-icon {
- margin-right: 0.25rem;
- font-size: 0.75rem;
- }
- .p-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 */
-@layer primeng {
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background-color: #FFC107;
- }
-
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background-color: #FFC107;
- }
-
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #FFC107;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #FFC107;
- }
-}
diff --git a/client/src/assets/components/themes/saga-purple/theme.css b/client/src/assets/components/themes/saga-purple/theme.css
deleted file mode 100644
index 0babb3a4..00000000
--- a/client/src/assets/components/themes/saga-purple/theme.css
+++ /dev/null
@@ -1,6419 +0,0 @@
-: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: #f8f9fa;
- --surface-c: #e9ecef;
- --surface-d: #dee2e6;
- --surface-e: #ffffff;
- --surface-f: #ffffff;
- --text-color: #495057;
- --text-color-secondary: #6c757d;
- --primary-color: #9C27B0;
- --primary-color-text: #ffffff;
- --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: 3px;
- --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);
- --highlight-bg: #F3E5F5;
- --highlight-text-color: #495057;
- --focus-ring: 0 0 0 0.2rem #df9eea;
- color-scheme: light;
-}
-
-: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:#faf4fb;
- --primary-100:#e7cbec;
- --primary-200:#d4a2dd;
- --primary-300:#c279ce;
- --primary-400:#af50bf;
- --primary-500:#9c27b0;
- --primary-600:#852196;
- --primary-700:#6d1b7b;
- --primary-800:#561561;
- --primary-900:#3e1046;
-}
-
-.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 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: 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: #9C27B0;
-}
-.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: #9C27B0;
-}
-.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: #9C27B0;
-}
-.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: #9C27B0;
-}
-
-@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.6;
- }
-
- .p-error {
- color: #f44336;
- }
-
- .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 #df9eea;
- }
-
- .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: #9C27B0;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea;
- border-color: #9C27B0;
- }
- .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: #ced4da;
- color: #495057;
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #f44336;
- }
-
- .p-autocomplete-panel {
- background: #ffffff;
- color: #495057;
- border: 0 none;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-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: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #495057;
- background: #F3E5F5;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: rgba(156, 39, 176, 0.24);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #495057;
- background: #dee2e6;
- }
- .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-panel .p-autocomplete-items .p-autocomplete-empty-message {
- padding: 0.5rem 1rem;
- color: #495057;
- background: transparent;
- }
-
- p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
- border-color: #f44336;
- }
-
- p-autocomplete.p-autocomplete-clearable .p-inputtext {
- padding-right: 2rem;
- }
- p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon {
- color: #6c757d;
- right: 0.5rem;
- }
-
- p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon {
- color: #6c757d;
- right: 2.857rem;
- }
-
- p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
- border-color: #f44336;
- }
-
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea;
- border-color: #9C27B0;
- }
-
- .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 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-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 #df9eea;
- }
- .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: #9C27B0;
- }
- .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: box-shadow 0.2s;
- border: 1px solid transparent;
- }
- .p-datepicker table td > span.p-highlight {
- color: #495057;
- background: #F3E5F5;
- }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea;
- }
- .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: #495057;
- background: #F3E5F5;
- }
- .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 #df9eea;
- }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: 0.2em;
- }
- .p-datepicker .p-timepicker span {
- font-size: 1.25rem;
- }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem;
- }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none;
- }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: box-shadow 0.2s;
- border-radius: 3px;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #495057;
- background: #F3E5F5;
- }
- .p-datepicker .p-yearpicker {
- margin: 0.5rem 0;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year {
- padding: 0.5rem;
- transition: box-shadow 0.2s;
- border-radius: 3px;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
- color: #495057;
- background: #F3E5F5;
- }
- .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 #df9eea;
- }
- .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 #df9eea;
- }
- .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 #df9eea;
- }
-
- p-calendar.p-calendar-clearable .p-inputtext {
- padding-right: 2rem;
- }
- p-calendar.p-calendar-clearable .p-calendar-clear-icon {
- color: #6c757d;
- right: 0.5rem;
- }
-
- p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon {
- color: #6c757d;
- 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: #9C27B0;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea;
- border-color: #9C27B0;
- }
- .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: #6c757d;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #f44336;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #f8f9fa;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #f8f9fa;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
-
- .p-cascadeselect-panel {
- background: #ffffff;
- color: #495057;
- border: 0 none;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-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: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #495057;
- background: #F3E5F5;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: rgba(156, 39, 176, 0.24);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #495057;
- background: #dee2e6;
- }
- .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: #ffffff;
- }
-
- p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect {
- border-color: #f44336;
- }
-
- p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label {
- padding-right: 0.5rem;
- }
- p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon {
- color: #6c757d;
- 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;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #ffffff;
- font-size: 14px;
- }
- .p-checkbox .p-checkbox-box .p-icon {
- width: 14px;
- height: 14px;
- }
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: #9C27B0;
- background: #9C27B0;
- }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: #9C27B0;
- }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea;
- border-color: #9C27B0;
- }
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #7d1f8d;
- background: #7d1f8d;
- color: #ffffff;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #f8f9fa;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
- background: #9C27B0;
- }
- .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: #f8f9fa;
- }
- .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #7d1f8d;
- }
-
- p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
- border-color: #f44336;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #f8f9fa;
- }
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #9C27B0;
- }
- .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: #7d1f8d;
- }
-
- .p-checkbox-label {
- margin-left: 0.5rem;
- }
-
- p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
- border-color: #f44336;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #9C27B0;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea;
- border-color: #9C27B0;
- }
- .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: #ced4da;
- 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: #f44336;
- }
-
- p-chips.p-chips-clearable .p-inputtext {
- padding-right: 1.5rem;
- }
- p-chips.p-chips-clearable .p-chips-clear-icon {
- color: #6c757d;
- 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 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-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: #9C27B0;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea;
- border-color: #9C27B0;
- }
- .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: #6c757d;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: #6c757d;
- right: 2.357rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #f44336;
- }
- .p-dropdown.p-variant-filled {
- background-color: #f8f9fa;
- }
- .p-dropdown.p-variant-filled:enabled:hover {
- background-color: #f8f9fa;
- }
- .p-dropdown.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
-
- .p-dropdown-panel {
- background: #ffffff;
- color: #495057;
- border: 0 none;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-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: #6c757d;
- }
- .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: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #495057;
- background: #F3E5F5;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: rgba(156, 39, 176, 0.24);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #495057;
- background: #dee2e6;
- }
- .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: #ffffff;
- }
- .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: #f44336;
- }
-
- .p-icon-field .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .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-icon-field-left .p-input-icon:first-of-type {
- left: 0.5rem;
- color: #6c757d;
- }
-
- .p-icon-field-right .p-input-icon:last-of-type {
- right: 0.5rem;
- color: #6c757d;
- }
-
- p-inputmask.ng-dirty.ng-invalid > .p-inputtext {
- border-color: #f44336;
- }
-
- p-inputmask.p-inputmask-clearable .p-inputtext {
- padding-right: 2rem;
- }
- p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon {
- color: #6c757d;
- right: 0.5rem;
- }
-
- .p-inputmask.p-variant-filled {
- background-color: #f8f9fa;
- }
- .p-inputmask.p-variant-filled:enabled:hover {
- background-color: #f8f9fa;
- }
- .p-inputmask.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
-
- p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
- border-color: #f44336;
- }
-
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-input {
- padding-right: 2rem;
- }
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon {
- color: #6c757d;
- 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-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #f8f9fa;
- }
- p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #f8f9fa;
- }
- p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #ffffff;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 2rem;
- }
-
- .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 #df9eea;
- }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: #b6bfc8;
- }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: #9C27B0;
- }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: #ffffff;
- }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: #8c239e;
- }
-
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
- border-color: #f44336;
- }
-
- .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: #9C27B0;
- }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea;
- border-color: #9C27B0;
- }
- .p-inputtext.ng-dirty.ng-invalid {
- border-color: #f44336;
- }
- .p-inputtext.p-variant-filled {
- background-color: #f8f9fa;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #f8f9fa;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
- .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: #f44336;
- }
-
- .p-input-icon-left > .p-icon-wrapper.p-icon,
-.p-input-icon-left > i:first-of-type {
- left: 0.5rem;
- color: #6c757d;
- }
-
- .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: #6c757d;
- }
-
- .p-input-icon-right > .p-inputtext {
- padding-right: 2rem;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 2rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 2rem;
- }
-
- .p-icon-field-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: #ffffff;
- }
-
- .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: #6c757d;
- }
- .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: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #495057;
- background: #F3E5F5;
- }
- .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(156, 39, 176, 0.24);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #495057;
- background: #e9ecef;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #495057;
- background: #e9ecef;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: #495057;
- background: #e9ecef;
- }
- .p-listbox.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea;
- border-color: #9C27B0;
- }
-
- p-listbox.ng-dirty.ng-invalid > .p-listbox {
- border-color: #f44336;
- }
-
- .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: #9C27B0;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea;
- border-color: #9C27B0;
- }
- .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: #6c757d;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-multiselect.p-variant-filled {
- background: #f8f9fa;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #f8f9fa;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
-
- .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: #6c757d;
- right: 2.357rem;
- }
-
- .p-multiselect-panel {
- background: #ffffff;
- color: #495057;
- border: 0 none;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-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: #6c757d;
- }
- .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 #df9eea;
- }
- .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: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #495057;
- background: #F3E5F5;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: rgba(156, 39, 176, 0.24);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #495057;
- background: #e9ecef;
- }
- .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: #ffffff;
- }
-
- p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
- border-color: #f44336;
- }
-
- p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext {
- border-color: #f44336;
- }
-
- .p-password-panel {
- padding: 1rem;
- background: #ffffff;
- color: #495057;
- 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: 3px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #dee2e6;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #d32f2f;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #fbc02d;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #689f38;
- }
-
- p-password.p-password-clearable .p-password-input {
- padding-right: 2rem;
- }
- p-password.p-password-clearable .p-password-clear-icon {
- color: #6c757d;
- 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: #6c757d;
- 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;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
- border-color: #9C27B0;
- }
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea;
- border-color: #9C27B0;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.2s;
- background-color: #ffffff;
- }
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #9C27B0;
- background: #9C27B0;
- }
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #7d1f8d;
- background: #7d1f8d;
- color: #ffffff;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #f8f9fa;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover {
- background-color: #f8f9fa;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight {
- background: #9C27B0;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #7d1f8d;
- }
-
- p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
- border-color: #f44336;
- }
-
- .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: #9C27B0;
- }
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #7d1f8d;
- }
-
- .p-radiobutton-label {
- margin-left: 0.5rem;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- border-radius: 50%;
- outline-color: transparent;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- }
- .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 #df9eea;
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #9C27B0;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #9C27B0;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #c0392b;
- }
-
- .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: #9C27B0;
- border-color: #9C27B0;
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #8c239e;
- border-color: #8c239e;
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff;
- }
-
- p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
- border-color: #f44336;
- }
-
- .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 {
- height: 100%;
- width: 0.286rem;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem;
- }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #ffffff;
- border: 2px solid #9C27B0;
- 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 #df9eea;
- }
- .p-slider .p-slider-range {
- background: #9C27B0;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #9C27B0;
- border-color: #9C27B0;
- }
- .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: #9C27B0;
- border-color: #9C27B0;
- color: #ffffff;
- }
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton.p-button.p-highlight:hover {
- background: #8c239e;
- border-color: #8c239e;
- color: #ffffff;
- }
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
-.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff;
- }
-
- p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
- border-color: #f44336;
- }
-
- .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: #9C27B0;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea;
- border-color: #9C27B0;
- }
- .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: #6c757d;
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-treeselect.p-variant-filled {
- background-color: #f8f9fa;
- }
- .p-treeselect.p-variant-filled:enabled:hover {
- background-color: #f8f9fa;
- }
- .p-treeselect.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
-
- p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
- border-color: #f44336;
- }
-
- .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 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-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: #6c757d;
- }
- .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 #df9eea;
- }
- .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: #ffffff;
- }
-
- p-treeselect.p-treeselect-clearable .p-treeselect-label-container {
- padding-right: 1.5rem;
- }
- p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
- color: #6c757d;
- right: 2.357rem;
- }
-
- .p-button {
- color: #ffffff;
- background: #9C27B0;
- border: 1px solid #9C27B0;
- 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;
- outline-color: transparent;
- }
- .p-button:not(:disabled):hover {
- background: #8c239e;
- color: #ffffff;
- border-color: #8c239e;
- }
- .p-button:not(:disabled):active {
- background: #7d1f8d;
- color: #ffffff;
- border-color: #7d1f8d;
- }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #9C27B0;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(156, 39, 176, 0.04);
- color: #9C27B0;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(156, 39, 176, 0.16);
- color: #9C27B0;
- 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: #9C27B0;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(156, 39, 176, 0.04);
- color: #9C27B0;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(156, 39, 176, 0.16);
- color: #9C27B0;
- 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-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea;
- }
- .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: #9C27B0;
- background-color: #ffffff;
- }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
- .p-button.p-button-rounded {
- border-radius: 2rem;
- }
- .p-button.p-button-icon-only {
- width: 2.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-button-group {
- display: flex;
- }
- .p-fluid .p-button-group .p-button {
- flex: 1;
- }
-
- .p-button.p-button-secondary, .p-button-group.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-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
- background: #56717d;
- color: #ffffff;
- border-color: #56717d;
- }
- .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.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 #beccd2;
- }
- .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
- background: #4d646f;
- color: #ffffff;
- border-color: #4d646f;
- }
- .p-button.p-button-secondary.p-button-outlined, .p-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
- color: #ffffff;
- background: #0288d1;
- border: 1px solid #0288d1;
- }
- .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
- background: #027abc;
- color: #ffffff;
- border-color: #027abc;
- }
- .p-button.p-button-info:not(:disabled):focus, .p-button-group.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 #89d4fe;
- }
- .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
- background: #026da7;
- color: #ffffff;
- border-color: #026da7;
- }
- .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #0288d1;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.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(2, 136, 209, 0.04);
- color: #0288d1;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.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(2, 136, 209, 0.16);
- color: #0288d1;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #0288d1;
- border-color: transparent;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.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(2, 136, 209, 0.04);
- border-color: transparent;
- color: #0288d1;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.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(2, 136, 209, 0.16);
- border-color: transparent;
- color: #0288d1;
- }
-
- .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
- color: #ffffff;
- background: #689f38;
- border: 1px solid #689f38;
- }
- .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
- background: #5e8f32;
- color: #ffffff;
- border-color: #5e8f32;
- }
- .p-button.p-button-success:not(:disabled):focus, .p-button-group.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 #c2e0a8;
- }
- .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
- background: #537f2d;
- color: #ffffff;
- border-color: #537f2d;
- }
- .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #689f38;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.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(104, 159, 56, 0.04);
- color: #689f38;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.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(104, 159, 56, 0.16);
- color: #689f38;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #689f38;
- border-color: transparent;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.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(104, 159, 56, 0.04);
- border-color: transparent;
- color: #689f38;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.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(104, 159, 56, 0.16);
- border-color: transparent;
- color: #689f38;
- }
-
- .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
- color: #212529;
- background: #fbc02d;
- border: 1px solid #fbc02d;
- }
- .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
- background: #fab710;
- color: #212529;
- border-color: #fab710;
- }
- .p-button.p-button-warning:not(:disabled):focus, .p-button-group.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 #fde6ab;
- }
- .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
- background: #e8a704;
- color: #212529;
- border-color: #e8a704;
- }
- .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #fbc02d;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.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(251, 192, 45, 0.04);
- color: #fbc02d;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.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(251, 192, 45, 0.16);
- color: #fbc02d;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #fbc02d;
- border-color: transparent;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.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(251, 192, 45, 0.04);
- border-color: transparent;
- color: #fbc02d;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.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(251, 192, 45, 0.16);
- border-color: transparent;
- color: #fbc02d;
- }
-
- .p-button.p-button-help, .p-button-group.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-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
- background: #8c239e;
- color: #ffffff;
- border-color: #8c239e;
- }
- .p-button.p-button-help:not(:disabled):focus, .p-button-group.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 #df9eea;
- }
- .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
- background: #7d1f8d;
- color: #ffffff;
- border-color: #7d1f8d;
- }
- .p-button.p-button-help.p-button-outlined, .p-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.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-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
- color: #ffffff;
- background: #d32f2f;
- border: 1px solid #d32f2f;
- }
- .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
- background: #c02929;
- color: #ffffff;
- border-color: #c02929;
- }
- .p-button.p-button-danger:not(:disabled):focus, .p-button-group.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 #edacac;
- }
- .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
- background: #aa2424;
- color: #ffffff;
- border-color: #aa2424;
- }
- .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #d32f2f;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.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(211, 47, 47, 0.04);
- color: #d32f2f;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.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(211, 47, 47, 0.16);
- color: #d32f2f;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #d32f2f;
- border-color: transparent;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.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(211, 47, 47, 0.04);
- border-color: transparent;
- color: #d32f2f;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.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(211, 47, 47, 0.16);
- border-color: transparent;
- color: #d32f2f;
- }
-
- .p-button.p-button-link {
- color: #7d1f8d;
- background: transparent;
- border: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #7d1f8d;
- 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 #df9eea;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #7d1f8d;
- 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 #df9eea;
- }
-
- .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-rounded {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-rounded > .p-button {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-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 #df9eea;
- }
- .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: #F3E5F5;
- color: #495057;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-datatable-header {
- background: #f8f9fa;
- color: #495057;
- border: 1px solid #e9ecef;
- border-width: 1px 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: 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: #495057;
- background: #F3E5F5;
- 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: #9C27B0;
- }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #9C27B0;
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: #e9ecef;
- color: #9C27B0;
- }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #9C27B0;
- }
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: inset 0 0 0 0.15rem #df9eea;
- outline: 0 none;
- }
- .p-datatable .p-datatable-tbody > tr {
- background: #ffffff;
- color: #495057;
- transition: box-shadow 0.2s;
- }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #e9ecef;
- 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 #df9eea;
- }
- .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 #df9eea;
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #F3E5F5;
- color: #495057;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #F3E5F5;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #F3E5F5;
- }
- .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: #9C27B0;
- }
- .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: #fcfcfc;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: #F3E5F5;
- color: #495057;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: #495057;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: #495057;
- }
- .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: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-dataview-header {
- background: #f8f9fa;
- color: #495057;
- border: 1px solid #e9ecef;
- border-width: 1px 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: #F3E5F5;
- color: #495057;
- }
- .p-column-filter-menu-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea;
- }
-
- .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 #df9eea;
- }
-
- .p-column-filter-overlay {
- background: #ffffff;
- color: #495057;
- border: 0 none;
- border-radius: 3px;
- 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);
- 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: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
- margin-top: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #495057;
- background: #F3E5F5;
- }
- .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 #df9eea;
- }
- .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 #df9eea;
- border-color: #9C27B0;
- }
- .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: #6c757d;
- }
- .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: box-shadow 0.2s;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
- margin-top: 0;
- }
- .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: #dee2e6;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #495057;
- background: #F3E5F5;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: rgba(156, 39, 176, 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 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: 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: #F3E5F5;
- color: #495057;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #c989d2;
- }
- .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 #df9eea;
- }
-
- .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: 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: #495057;
- }
- .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: box-shadow 0.2s;
- border-radius: 3px;
- }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #F3E5F5;
- border-color: #F3E5F5;
- color: #495057;
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: #e9ecef;
- border-color: transparent;
- color: #495057;
- }
-
- .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 #df9eea;
- border-color: #9C27B0;
- }
- .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: #6c757d;
- }
- .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: box-shadow 0.2s;
- }
- .p-picklist .p-picklist-list .p-picklist-item:first-child {
- margin-top: 0;
- }
- .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: #dee2e6;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #495057;
- background: #F3E5F5;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: rgba(156, 39, 176, 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 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: 0 none;
- color: #495057;
- background: #ffffff;
- margin: 0;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 2px solid #9C27B0;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #ffffff;
- }
- .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 #df9eea;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 3px;
- transition: box-shadow 0.2s;
- padding: 0;
- }
- .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 #df9eea;
- }
- .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-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #f8f9fa;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
- background: #9C27B0;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
- background-color: #f8f9fa;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
- background: #7d1f8d;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #F3E5F5;
- color: #495057;
- }
- .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: #495057;
- }
- .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: #495057;
- }
- .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: #6c757d;
- }
- .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: #d3a1db;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content {
- border-radius: 3px;
- border: 1px solid #dee2e6;
- background-color: #ffffff;
- color: #495057;
- padding: 0;
- transition: box-shadow 0.2s;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight {
- background-color: #F3E5F5;
- color: #495057;
- }
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #495057;
- }
- .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 #df9eea;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-treetable-header {
- background: #f8f9fa;
- color: #495057;
- border: 1px solid #e9ecef;
- border-width: 1px 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: 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: #df9eea;
- }
- .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: #495057;
- background: #F3E5F5;
- 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: #9C27B0;
- }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #9C27B0;
- }
- .p-treetable .p-treetable-tbody > tr {
- background: #ffffff;
- color: #495057;
- transition: box-shadow 0.2s;
- }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #e9ecef;
- 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 #df9eea;
- }
- .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 > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #f8f9fa;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
- background: #9C27B0;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
- background-color: #f8f9fa;
- }
- .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
- background: #7d1f8d;
- }
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid #df9eea;
- outline-offset: -0.15rem;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #F3E5F5;
- color: #495057;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #495057;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #495057;
- }
- .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: #9C27B0;
- }
- .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: 1px 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: 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 #df9eea;
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: #e9ecef;
- border-color: #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: 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: 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: 400;
- 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: 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 #df9eea;
- }
- .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 #df9eea;
- }
- .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 #df9eea;
- }
-
- .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 #df9eea;
- }
- .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: 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 #df9eea;
- }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #ffffff;
- border-color: #6c757d;
- color: #6c757d;
- }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #ffffff;
- border-color: #9C27B0;
- color: #9C27B0;
- }
- .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: #9C27B0;
- width: 2.357rem;
- 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);
- 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 #df9eea;
- }
- .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-stepper .p-stepper-nav {
- position: relative;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow-x: auto;
- }
-
- .p-stepper-vertical .p-stepper-nav {
- flex-direction: column;
- }
-
- .p-stepper-header {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- align-items: center;
- }
- .p-stepper-header:last-of-type {
- flex: initial;
- }
-
- .p-stepper-header .p-stepper-action {
- border: 0 none;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- cursor: pointer;
- }
- .p-stepper-header .p-stepper-action:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea;
- }
-
- .p-stepper.p-stepper-readonly .p-stepper-header {
- cursor: auto;
- }
-
- .p-stepper-header.p-highlight .p-stepper-action {
- cursor: default;
- }
-
- .p-stepper-title {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-stepper-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-stepper-separator {
- flex: 1 1 0;
- }
-
- .p-stepper .p-stepper-nav {
- display: flex;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .p-stepper .p-stepper-header {
- padding: 0.5rem;
- }
- .p-stepper .p-stepper-header .p-stepper-action {
- transition: box-shadow 0.2s;
- border-radius: 3px;
- background: #ffffff;
- outline-color: transparent;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- color: #495057;
- border: 1px solid #e9ecef;
- border-width: 2px;
- background: #ffffff;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
- margin-left: 0.5rem;
- color: #6c757d;
- font-weight: 600;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #F3E5F5;
- color: #495057;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #495057;
- }
- .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea;
- }
- .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
- background-color: #9C27B0;
- }
- .p-stepper .p-stepper-panels {
- background: #ffffff;
- padding: 1rem;
- color: #495057;
- }
- .p-stepper .p-stepper-separator {
- background-color: #dee2e6;
- width: 100%;
- height: 2px;
- margin-inline-start: 1rem;
- transition: box-shadow 0.2s;
- }
- .p-stepper.p-stepper-vertical {
- display: flex;
- flex-direction: column;
- }
- .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
- display: flex;
- flex: 1 1 auto;
- background: #ffffff;
- color: #495057;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel {
- display: flex;
- flex-direction: column;
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
- flex: 1 1 auto;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
- width: 100%;
- padding-left: 1rem;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
- flex: 0 0 auto;
- width: 2px;
- height: auto;
- margin-inline-start: calc(1.75rem + 2px);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
- background-color: #9C27B0;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
- padding-left: 3rem;
- }
-
- .p-confirm-popup {
- background: #ffffff;
- color: #495057;
- border: 0 none;
- border-radius: 3px;
- 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);
- }
- .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: 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;
- }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- 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 #df9eea;
- }
- .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 2rem 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: 0 none;
- background: #ffffff;
- color: #495057;
- padding: 0 1.5rem 1.5rem 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: 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);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 1rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- background: #9C27B0;
- color: #ffffff;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #8c239e;
- color: #ffffff;
- }
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff;
- }
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #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: 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);
- }
- .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 #df9eea;
- }
- .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 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: 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 #df9eea;
- }
- .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 #9C27B0;
- border-style: dashed;
- background-color: #F3E5F5;
- }
- .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: #8c239e;
- color: #ffffff;
- border-color: #8c239e;
- }
- .p-fileupload-choose:not(.p-disabled):active {
- background: #7d1f8d;
- color: #ffffff;
- border-color: #7d1f8d;
- }
-
- .p-breadcrumb {
- background: #ffffff;
- border: 1px solid #dee2e6;
- border-radius: 3px;
- padding: 1rem;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
- transition: 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 #df9eea;
- }
- .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 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: 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 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: 3px;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: #495057;
- transition: 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: #dee2e6;
- }
- .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 #df9eea;
- }
- .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: 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: #dee2e6;
- }
- .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 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: 3px;
- }
- .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: 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: 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: #dee2e6;
- }
- .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 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 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: #9C27B0;
- color: #ffffff;
- 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: 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: 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: #dee2e6;
- }
- .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 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- width: 12.5rem;
- border-radius: 3px;
- }
- .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 #df9eea;
- }
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0.25rem 0;
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- width: 100%;
- }
- .p-menubar .p-menubar-root-list .p-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: 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 #df9eea;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: #e9ecef;
- border-color: #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: 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: #dee2e6;
- }
- .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: 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: #dee2e6;
- }
- .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 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-slidemenu .p-slidemenu-list {
- padding: 0.25rem 0;
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-slidemenu .p-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 #df9eea;
- }
- .p-slidemenu .p-menuitem-badge {
- background: #9C27B0;
- color: #ffffff;
- 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: 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 #e9ecef;
- 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 #df9eea;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #F3E5F5;
- color: #495057;
- }
- .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: #9C27B0;
- color: #ffffff;
- 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: 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 #df9eea;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #ffffff;
- border-color: #6c757d;
- color: #6c757d;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #ffffff;
- border-color: #9C27B0;
- color: #9C27B0;
- }
- .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: #9C27B0;
- width: 2.357rem;
- 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);
- 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 #df9eea;
- }
-
- .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 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
- .p-tieredmenu .p-submenu-list {
- padding: 0.25rem 0;
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 3px;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: #495057;
- transition: 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: #dee2e6;
- }
- .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: #b3e5fc;
- border: solid #0891cf;
- border-width: 0px;
- color: #044868;
- }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #044868;
- }
- .p-inline-message.p-inline-message-success {
- background: #c8e6c9;
- border: solid #439446;
- border-width: 0px;
- color: #224a23;
- }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #224a23;
- }
- .p-inline-message.p-inline-message-warn {
- background: #ffecb3;
- border: solid #d9a300;
- border-width: 0px;
- color: #6d5100;
- }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #6d5100;
- }
- .p-inline-message.p-inline-message-error {
- background: #ffcdd2;
- border: solid #e60017;
- border-width: 0px;
- color: #73000c;
- }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #73000c;
- }
- .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 #df9eea;
- }
- .p-message.p-message-info {
- background: #b3e5fc;
- border: solid #0891cf;
- border-width: 0 0 0 6px;
- color: #044868;
- }
- .p-message.p-message-info .p-message-icon {
- color: #044868;
- }
- .p-message.p-message-info .p-message-close {
- color: #044868;
- }
- .p-message.p-message-success {
- background: #c8e6c9;
- border: solid #439446;
- border-width: 0 0 0 6px;
- color: #224a23;
- }
- .p-message.p-message-success .p-message-icon {
- color: #224a23;
- }
- .p-message.p-message-success .p-message-close {
- color: #224a23;
- }
- .p-message.p-message-warn {
- background: #ffecb3;
- border: solid #d9a300;
- border-width: 0 0 0 6px;
- color: #6d5100;
- }
- .p-message.p-message-warn .p-message-icon {
- color: #6d5100;
- }
- .p-message.p-message-warn .p-message-close {
- color: #6d5100;
- }
- .p-message.p-message-error {
- background: #ffcdd2;
- border: solid #e60017;
- border-width: 0 0 0 6px;
- color: #73000c;
- }
- .p-message.p-message-error .p-message-icon {
- color: #73000c;
- }
- .p-message.p-message-error .p-message-close {
- color: #73000c;
- }
- .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 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: 3px;
- }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0 0 0 6px;
- }
- .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 #df9eea;
- }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #b3e5fc;
- border: solid #0891cf;
- border-width: 0 0 0 6px;
- color: #044868;
- }
- .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: #044868;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #c8e6c9;
- border: solid #439446;
- border-width: 0 0 0 6px;
- color: #224a23;
- }
- .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: #224a23;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #ffecb3;
- border: solid #d9a300;
- border-width: 0 0 0 6px;
- color: #6d5100;
- }
- .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: #6d5100;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #ffcdd2;
- border: solid #e60017;
- border-width: 0 0 0 6px;
- color: #73000c;
- }
- .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: #73000c;
- }
-
- .p-galleria .p-galleria-close {
- margin: 0.5rem;
- background: transparent;
- color: #f8f9fa;
- 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: #f8f9fa;
- }
- .p-galleria .p-galleria-item-nav {
- background: transparent;
- color: #f8f9fa;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- margin: 0 0.5rem;
- }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa;
- }
- .p-galleria .p-galleria-caption {
- background: rgba(0, 0, 0, 0.5);
- color: #f8f9fa;
- 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: #F3E5F5;
- color: #495057;
- }
- .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: #F3E5F5;
- color: #495057;
- }
- .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: #f8f9fa;
- 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: #f8f9fa;
- }
- .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 #df9eea;
- }
-
- .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: #9C27B0;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- }
- .p-badge.p-badge-success {
- background-color: #689f38;
- color: #ffffff;
- }
- .p-badge.p-badge-info {
- background-color: #0288d1;
- color: #ffffff;
- }
- .p-badge.p-badge-warning {
- background-color: #fbc02d;
- color: #212529;
- }
- .p-badge.p-badge-danger {
- background-color: #d32f2f;
- color: #ffffff;
- }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
- }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
- }
-
- .p-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 #df9eea;
- }
- .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 #df9eea;
- }
-
- .p-metergroup {
- display: flex;
- }
-
- .p-metergroup-meters {
- display: flex;
- }
-
- .p-metergroup-vertical .p-metergroup-meters {
- flex-direction: column;
- }
-
- .p-metergroup-labels {
- display: flex;
- flex-wrap: wrap;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-metergroup-vertical .p-metergroup-labels {
- align-items: start;
- }
-
- .p-metergroup-labels-vertical {
- flex-direction: column;
- }
-
- .p-metergroup-label {
- display: inline-flex;
- align-items: center;
- }
-
- .p-metergroup-label-marker {
- display: inline-flex;
- }
-
- .p-metergroup {
- gap: 1rem;
- }
- .p-metergroup .p-metergroup-meters {
- background: #dee2e6;
- border-radius: 3px;
- }
- .p-metergroup .p-metergroup-meter {
- border: 0 none;
- background: #9C27B0;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
- background: #9C27B0;
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 100%;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
- gap: 1rem;
- }
- .p-metergroup.p-metergroup-horizontal {
- flex-direction: column;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
- height: 0.5rem;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-metergroup.p-metergroup-vertical {
- flex-direction: row;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
- width: 0.5rem;
- height: 100%;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
- border-top-left-radius: 3px;
- border-top-right-radius: 3px;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
- }
-
- .p-progressbar {
- border: 0 none;
- height: 1.5rem;
- background: #dee2e6;
- border-radius: 3px;
- }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #9C27B0;
- }
- .p-progressbar .p-progressbar-label {
- color: #ffffff;
- line-height: 1.5rem;
- }
-
- .p-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, 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: #9C27B0;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 3px;
- }
- .p-tag.p-tag-success {
- background-color: #689f38;
- color: #ffffff;
- }
- .p-tag.p-tag-info {
- background-color: #0288d1;
- color: #ffffff;
- }
- .p-tag.p-tag-warning {
- background-color: #fbc02d;
- color: #212529;
- }
- .p-tag.p-tag-danger {
- background-color: #d32f2f;
- color: #ffffff;
- }
- .p-tag .p-tag-icon {
- margin-right: 0.25rem;
- font-size: 0.75rem;
- }
- .p-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 */
-@layer primeng {
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background-color: #9C27B0;
- }
-
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background-color: #9C27B0;
- }
-
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #9C27B0;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #9C27B0;
- }
-}
diff --git a/client/src/assets/components/themes/test/theme.css b/client/src/assets/components/themes/test/theme.css
deleted file mode 100644
index 9f7e4412..00000000
--- a/client/src/assets/components/themes/test/theme.css
+++ /dev/null
@@ -1,7822 +0,0 @@
-: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: rgba(255, 255, 255, 0.2);
- --surface-b: rgba(255, 255, 255, 0.25);
- --surface-c: rgba(255, 255, 255, 0.03);
- --surface-d: rgba(255, 255, 255, 0.1);
- --surface-e: rgba(255, 255, 255, 0.2);
- --surface-f: rgba(255, 255, 255, 0.2);
- --text-color: #FFFFFF;
- --text-color-secondary: #C8CCD8;
- --primary-color: #0F8BFD;
- --primary-color-text: #ffffff;
- --surface-0: #0a061a;
- --surface-50: #231f31;
- --surface-100: #3b3848;
- --surface-200: #54515f;
- --surface-300: #6c6a76;
- --surface-400: #85838d;
- --surface-500: #9d9ba3;
- --surface-600: #b6b4ba;
- --surface-700: #cecdd1;
- --surface-800: #e7e6e8;
- --surface-900: #ffffff;
- --gray-50: #e7e6e8;
- --gray-100: #cecdd1;
- --gray-200: #b6b4ba;
- --gray-300: #9d9ba3;
- --gray-400: #85838d;
- --gray-500: #6c6a76;
- --gray-600: #54515f;
- --gray-700: #3b3848;
- --gray-800: #231f31;
- --gray-900: #0a061a;
- --content-padding: 1.143rem;
- --inline-spacing: 0.5rem;
- --border-radius: 6px;
- --surface-ground: linear-gradient(180deg, #2E323F 0%, #0A061A 100%);
- --surface-section: #2E323F;
- --surface-card: rgba(255, 255, 255, 0.05);
- --surface-overlay: linear-gradient(180deg, #2E323F 0%, #0A061A 100%);
- --surface-border: rgba(255, 255, 255, 0.15);
- --surface-hover: rgba(255, 255, 255, 0.05);
- --focus-ring: 0 none;
- --maskbg: rgba(0, 0, 0, 0.2);
- --highlight-bg: #0F8BFD;
- --highlight-text-color: #ffffff;
- color-scheme: dark;
-}
-
-: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: #ffd0ce;
- --red-200: #ffaca7;
- --red-300: #ff8780;
- --red-400: #ff6259;
- --red-500: #ff3d32;
- --red-600: #d9342b;
- --red-700: #b32b23;
- --red-800: #8c221c;
- --red-900: #661814;
- --primary-50: #f3f9ff;
- --primary-100: #c5e3ff;
- --primary-200: #98cdfe;
- --primary-300: #6ab7fe;
- --primary-400: #3da1fd;
- --primary-500: #0f8bfd;
- --primary-600: #0d76d7;
- --primary-700: #0b61b1;
- --primary-800: #084c8b;
- --primary-900: #063865;
-}
-
-.p-editor-container .p-editor-toolbar {
- background: transparent;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
-}
-
- .p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid rgba(255, 255, 255, 0.15);
- }
-
- .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #C8CCD8;
- }
-
- .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #C8CCD8;
- }
-
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #C8CCD8;
- }
-
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #FFFFFF;
- }
-
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #FFFFFF;
- }
-
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #FFFFFF;
- }
-
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #FFFFFF;
- }
-
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #FFFFFF;
- }
-
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #FFFFFF;
- }
-
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #0a061a;
- 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: 6px;
- padding: 0.286rem;
- }
-
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #FFFFFF;
- }
-
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #FFFFFF;
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.429rem 0.286rem;
- }
-
-.p-editor-container .p-editor-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-
- .p-editor-container .p-editor-content.ql-snow {
- border: 1px solid rgba(255, 255, 255, 0.15);
- }
-
- .p-editor-container .p-editor-content .ql-editor {
- background: rgba(255, 255, 255, 0.05);
- color: #FFFFFF;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
-.p-editor-container .ql-snow.ql-toolbar button:hover,
-.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: #FFFFFF;
-}
-
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #FFFFFF;
- }
-
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #FFFFFF;
- }
-
-.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: #0F8BFD;
-}
-
- .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: #0F8BFD;
- }
-
- .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: #0F8BFD;
- }
-
- .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: #0F8BFD;
- }
-
-@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.2);
- transition-duration: 0.2s;
- }
-
- .p-disabled, .p-component:disabled {
- opacity: 0.4;
- }
-
- .p-error {
- color: #FC6161;
- }
-
- .p-text-secondary {
- color: #C8CCD8;
- }
-
- .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: 6px;
- }
-
- .p-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 none;
- }
-
- .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.571rem;
- }
-
- .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 2.857rem;
- }
-
- .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
- border-color: transparent;
- }
-
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 none;
- border-color: #0F8BFD;
- }
-
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.2145rem 0.571rem;
- gap: 0.5rem;
- }
-
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.2145rem 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: #FFFFFF;
- padding: 0;
- margin: 0;
- }
-
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.2145rem 0.571rem;
- background: rgba(255, 255, 255, 0.05);
- color: #FFFFFF;
- 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: rgba(255, 255, 255, 0.05);
- color: #FFFFFF;
- }
-
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #FC6161;
- }
-
- .p-autocomplete-panel {
- background: #0a061a;
- color: #FFFFFF;
- border: 0 none;
- border-radius: 6px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.286rem;
- }
-
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.429rem 0.286rem;
- border: 0 none;
- color: #FFFFFF;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 4px;
- }
-
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #ffffff;
- background: #0F8BFD;
- }
-
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: rgba(15, 139, 253, 0.24);
- }
-
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #FFFFFF;
- background: rgba(255, 255, 255, 0.1);
- }
-
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
- color: #FFFFFF;
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.571rem 0.429rem;
- color: #868C9B;
- background: transparent;
- font-weight: 500;
- }
-
- p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
- border-color: #FC6161;
- }
-
- p-autocomplete.p-autocomplete-clearable .p-inputtext {
- padding-right: 2.142rem;
- }
-
- p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon {
- color: #C8CCD8;
- right: 0.571rem;
- }
-
- p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon {
- color: #C8CCD8;
- right: 2.857rem;
- }
-
- p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
- border-color: #FC6161;
- }
-
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 none;
- border-color: #0F8BFD;
- }
-
- .p-datepicker {
- padding: 0.857rem;
- background: transparent;
- color: #FFFFFF;
- border: 1px solid transparent;
- border-radius: 6px;
- }
-
- .p-datepicker:not(.p-datepicker-inline) {
- background: #0a061a;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: transparent;
- }
-
- .p-datepicker .p-datepicker-header {
- padding: 0 0 0.75rem 0;
- color: #FFFFFF;
- background: transparent;
- font-weight: 400;
- margin: 0;
- border-bottom: 0 none;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
-
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
- .p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2rem;
- height: 2rem;
- color: #C8CCD8;
- 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: #FFFFFF;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.05);
- }
-
- .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 none;
- }
-
- .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: #FFFFFF;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- font-weight: 400;
- padding: 0.357rem;
- }
-
- .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: #0F8BFD;
- }
-
- .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.357rem;
- }
-
- .p-datepicker table th > span {
- width: 2.571rem;
- height: 2.571rem;
- }
-
- .p-datepicker table td {
- padding: 0.357rem;
- }
-
- .p-datepicker table td > span {
- width: 2.571rem;
- height: 2.571rem;
- border-radius: 6px;
- transition: box-shadow 0.2s;
- border: 2px solid transparent;
- }
-
- .p-datepicker table td > span.p-highlight {
- color: #ffffff;
- background: #0F8BFD;
- }
-
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 none;
- }
-
- .p-datepicker table td.p-datepicker-today > span {
- background: rgba(255, 255, 255, 0.05);
- color: #FFFFFF;
- border-color: rgba(255, 255, 255, 0.25);
- }
-
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #ffffff;
- background: #0F8BFD;
- }
-
- .p-datepicker .p-datepicker-buttonbar {
- padding: 1rem 0;
- border-top: 1px solid rgba(255, 255, 255, 0.05);
- }
-
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto;
- }
-
- .p-datepicker .p-timepicker {
- border-top: 1px solid rgba(255, 255, 255, 0.05);
- padding: 0.5rem;
- }
-
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: #C8CCD8;
- 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: #FFFFFF;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-datepicker .p-timepicker button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 none;
- }
-
- .p-datepicker .p-timepicker button:last-child {
- margin-top: 0.2em;
- }
-
- .p-datepicker .p-timepicker span {
- font-size: 1.25rem;
- }
-
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem;
- }
-
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none;
- }
-
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0;
- }
-
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.357rem;
- transition: box-shadow 0.2s;
- border-radius: 6px;
- }
-
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #ffffff;
- background: #0F8BFD;
- }
-
- .p-datepicker .p-yearpicker {
- margin: 0.5rem 0;
- }
-
- .p-datepicker .p-yearpicker .p-yearpicker-year {
- padding: 0.357rem;
- transition: box-shadow 0.2s;
- border-radius: 6px;
- }
-
- .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
- color: #ffffff;
- background: #0F8BFD;
- }
-
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-left: 1px solid rgba(255, 255, 255, 0.05);
- padding-right: 0.857rem;
- padding-left: 0.857rem;
- 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: rgba(255, 255, 255, 0.1);
- }
-
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 none;
- }
-
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.1);
- }
-
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 none;
- }
-
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.1);
- }
-
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 none;
- }
-
- p-calendar.p-calendar-clearable .p-inputtext {
- padding-right: 2.142rem;
- }
-
- p-calendar.p-calendar-clearable .p-calendar-clear-icon {
- color: #C8CCD8;
- right: 0.571rem;
- }
-
- p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon {
- color: #C8CCD8;
- right: 2.857rem;
- }
-
- @media screen and (max-width: 769px) {
- .p-datepicker table th, .p-datepicker table td {
- padding: 0;
- }
- }
-
- .p-cascadeselect {
- background: rgba(255, 255, 255, 0.05);
- border: 1px solid transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 6px;
- }
-
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: transparent;
- }
-
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 none;
- border-color: #0F8BFD;
- }
-
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.429rem 0.571rem;
- }
-
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #868C9B;
- }
-
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
-
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #C8CCD8;
- width: 2.357rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-cascadeselect.p-invalid.p-component {
- border-color: #FC6161;
- }
-
- .p-cascadeselect-panel {
- background: #0a061a;
- color: #FFFFFF;
- border: 0 none;
- border-radius: 6px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.286rem;
- }
-
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: #FFFFFF;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 4px;
- }
-
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #ffffff;
- background: #0F8BFD;
- }
-
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: rgba(15, 139, 253, 0.24);
- }
-
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #FFFFFF;
- background: rgba(255, 255, 255, 0.1);
- }
-
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #FFFFFF;
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.429rem 0.286rem;
- }
-
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem;
- }
-
- .p-input-filled .p-cascadeselect {
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.05);
- }
-
- .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
- background-color: rgba(255, 255, 255, 0.05);
- }
-
- p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect {
- border-color: #FC6161;
- }
-
- p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label {
- padding-right: 0.571rem;
- }
-
- p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon {
- color: #C8CCD8;
- 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 rgba(255, 255, 255, 0.2);
- background: rgba(255, 255, 255, 0.05);
- width: 20px;
- height: 20px;
- color: #FFFFFF;
- border-radius: 6px;
- 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: #ffffff;
- font-size: 14px;
- }
-
- .p-checkbox .p-checkbox-box .p-icon {
- width: 14px;
- height: 14px;
- }
-
- .p-checkbox .p-checkbox-box.p-highlight {
- border-color: rgba(255, 255, 255, 0.25);
- background: #0F8BFD;
- }
-
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- border-color: transparent;
- }
-
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 none;
- border-color: #0F8BFD;
- }
-
- .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #0270d5;
- background: #0270d5;
- color: #ffffff;
- }
-
- p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
- border-color: #FC6161;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: rgba(255, 255, 255, 0.05);
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
- background: #0F8BFD;
- }
-
- .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
- background-color: rgba(255, 255, 255, 0.05);
- }
-
- .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #0270d5;
- }
-
- .p-checkbox-label {
- margin-left: 0.5rem;
- }
-
- .p-highlight .p-checkbox .p-checkbox-box {
- border-color: #ffffff;
- }
-
- p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
- border-color: #FC6161;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: transparent;
- }
-
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 none;
- border-color: #0F8BFD;
- }
-
- .p-chips .p-chips-multiple-container {
- padding: 0.2145rem 0.571rem;
- gap: 0.5rem;
- }
-
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.2145rem 0.571rem;
- margin-right: 0.5rem;
- background: rgba(255, 255, 255, 0.05);
- color: #FFFFFF;
- border-radius: 16px;
- }
-
- .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
- background: rgba(255, 255, 255, 0.05);
- color: #FFFFFF;
- }
-
- .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.2145rem 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: #FFFFFF;
- padding: 0;
- margin: 0;
- }
-
- p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
- border-color: #FC6161;
- }
-
- p-chips.p-chips-clearable .p-inputtext {
- padding-right: 1.571rem;
- }
-
- p-chips.p-chips-clearable .p-chips-clear-icon {
- color: #C8CCD8;
- right: 0.571rem;
- }
-
- .p-colorpicker-preview,
- .p-fluid .p-colorpicker-preview.p-inputtext {
- width: 2rem;
- height: 2rem;
- }
-
- .p-colorpicker-panel {
- background: rgba(255, 255, 255, 0.2);
- border: 1px solid rgba(255, 255, 255, 0.1);
- }
-
- .p-colorpicker-panel .p-colorpicker-color-handle,
- .p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #FFFFFF;
- }
-
- .p-colorpicker-overlay-panel {
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-dropdown {
- background: rgba(255, 255, 255, 0.05);
- border: 1px solid transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 6px;
- }
-
- .p-dropdown:not(.p-disabled):hover {
- border-color: transparent;
- }
-
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 none;
- border-color: #0F8BFD;
- }
-
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.571rem;
- }
-
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none;
- }
-
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #868C9B;
- }
-
- .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: #C8CCD8;
- width: 2.357rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-dropdown .p-dropdown-clear-icon {
- color: #C8CCD8;
- right: 2.357rem;
- }
-
- .p-dropdown.p-invalid.p-component {
- border-color: #FC6161;
- }
-
- .p-dropdown-panel {
- background: #0a061a;
- color: #FFFFFF;
- border: 0 none;
- border-radius: 6px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.429rem 0.286rem;
- border-bottom: 0 none;
- color: #FFFFFF;
- background: rgba(255, 255, 255, 0.05);
- margin: 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
-
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.571rem;
- margin-right: -1.571rem;
- }
-
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.571rem;
- color: #C8CCD8;
- }
-
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.286rem;
- }
-
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.429rem 0.286rem;
- border: 0 none;
- color: #FFFFFF;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 4px;
- }
-
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #ffffff;
- background: #0F8BFD;
- }
-
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: rgba(15, 139, 253, 0.24);
- }
-
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #FFFFFF;
- background: rgba(255, 255, 255, 0.1);
- }
-
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
- color: #FFFFFF;
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.571rem 0.429rem;
- color: #868C9B;
- background: transparent;
- font-weight: 500;
- }
-
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.429rem 0.286rem;
- color: #FFFFFF;
- background: transparent;
- }
-
- .p-input-filled .p-dropdown {
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-input-filled .p-dropdown:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.05);
- }
-
- .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
- background-color: rgba(255, 255, 255, 0.05);
- }
-
- .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: #FC6161;
- }
-
- .p-inputgroup-addon {
- background: rgba(255, 255, 255, 0.2);
- color: #C8CCD8;
- border-top: 1px solid transparent;
- border-left: 1px solid transparent;
- border-bottom: 1px solid transparent;
- padding: 0.429rem 0.571rem;
- min-width: 2.357rem;
- }
-
- .p-inputgroup-addon:last-child {
- border-right: 1px solid transparent;
- }
-
- .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: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:first-child input {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .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: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:last-child input {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-fluid .p-inputgroup .p-button {
- width: auto;
- }
-
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.286rem;
- }
-
- p-inputmask.ng-dirty.ng-invalid > .p-inputtext {
- border-color: #FC6161;
- }
-
- p-inputmask.p-inputmask-clearable .p-inputtext {
- padding-right: 2.142rem;
- }
-
- p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon {
- color: #C8CCD8;
- right: 0.571rem;
- }
-
- p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
- border-color: #FC6161;
- }
-
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-input {
- padding-right: 2.142rem;
- }
-
- p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon {
- color: #C8CCD8;
- right: 0.571rem;
- }
-
- 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: 2.714rem;
- height: 1.429rem;
- }
-
- .p-inputswitch .p-inputswitch-slider {
- background: rgba(255, 255, 255, 0.05);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 12px;
- }
-
- .p-inputswitch .p-inputswitch-slider:before {
- background: #C8CCD8;
- width: 1.143rem;
- height: 1.143rem;
- left: 0.25rem;
- margin-top: -0.5715rem;
- border-radius: 8px;
- transition-duration: 0.2s;
- }
-
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- transform: translateX(1.143rem);
- }
-
- .p-inputswitch.p-focus .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 none;
- }
-
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- background: rgba(255, 255, 255, 0.1);
- }
-
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- background: #0F8BFD;
- }
-
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
- background: #FFFFFF;
- }
-
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: #027eef;
- }
-
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
- border-color: #FC6161;
- }
-
- .p-inputtext {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #FFFFFF;
- background: rgba(255, 255, 255, 0.05);
- padding: 0.429rem 0.571rem;
- border: 1px solid transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- appearance: none;
- border-radius: 6px;
- }
-
- .p-inputtext:enabled:hover {
- border-color: transparent;
- }
-
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 none;
- border-color: #0F8BFD;
- }
-
- .p-inputtext.ng-dirty.ng-invalid {
- border-color: #FC6161;
- }
-
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.375375rem 0.499625rem;
- }
-
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.53625rem 0.71375rem;
- }
-
- .p-float-label > label {
- left: 0.571rem;
- color: #868C9B;
- transition-duration: 0.2s;
- }
-
- .p-float-label > .ng-invalid.ng-dirty + label {
- color: #FC6161;
- }
-
- .p-input-icon-left > .p-icon-wrapper.p-icon,
- .p-input-icon-left > i:first-of-type {
- left: 0.571rem;
- color: #C8CCD8;
- }
-
- .p-input-icon-left > .p-inputtext {
- padding-left: 2.142rem;
- }
-
- .p-input-icon-left.p-float-label > label {
- left: 2.142rem;
- }
-
- .p-input-icon-right > .p-icon-wrapper,
- .p-input-icon-right > i:last-of-type {
- right: 0.571rem;
- color: #C8CCD8;
- }
-
- .p-input-icon-right > .p-inputtext {
- padding-right: 2.142rem;
- }
-
- ::-webkit-input-placeholder {
- color: #868C9B;
- }
-
- :-moz-placeholder {
- color: #868C9B;
- }
-
- ::-moz-placeholder {
- color: #868C9B;
- }
-
- :-ms-input-placeholder {
- color: #868C9B;
- }
-
- .p-input-filled .p-inputtext {
- background-color: rgba(255, 255, 255, 0.05);
- }
-
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: rgba(255, 255, 255, 0.05);
- }
-
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: rgba(255, 255, 255, 0.05);
- }
-
- .p-inputtext-sm .p-inputtext {
- font-size: 0.875rem;
- padding: 0.375375rem 0.499625rem;
- }
-
- .p-inputtext-lg .p-inputtext {
- font-size: 1.25rem;
- padding: 0.53625rem 0.71375rem;
- }
-
- .p-listbox {
- background: rgba(255, 255, 255, 0.05);
- color: #FFFFFF;
- border: 1px solid transparent;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
-
- .p-listbox .p-listbox-header {
- padding: 0.429rem 0.286rem;
- border-bottom: 0 none;
- color: #FFFFFF;
- background: rgba(255, 255, 255, 0.05);
- margin: 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
-
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.571rem;
- }
-
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.571rem;
- color: #C8CCD8;
- }
-
- .p-listbox .p-listbox-header .p-checkbox {
- margin-right: 0.5rem;
- }
-
- .p-listbox .p-listbox-list {
- padding: 0.286rem;
- outline: 0 none;
- }
-
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.429rem 0.286rem;
- border: 0 none;
- color: #FFFFFF;
- transition: box-shadow 0.2s;
- border-radius: 4px;
- }
-
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #ffffff;
- background: #0F8BFD;
- }
-
- .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.571rem 0.429rem;
- color: #868C9B;
- background: transparent;
- font-weight: 500;
- }
-
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.429rem 0.286rem;
- color: #FFFFFF;
- background: transparent;
- }
-
- .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
- background: rgba(15, 139, 253, 0.24);
- }
-
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #FFFFFF;
- background: rgba(255, 255, 255, 0.1);
- }
-
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #FFFFFF;
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-listbox.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 none;
- border-color: #0F8BFD;
- }
-
- p-listbox.ng-dirty.ng-invalid > .p-listbox {
- border-color: #FC6161;
- }
-
- .p-multiselect {
- background: rgba(255, 255, 255, 0.05);
- border: 1px solid transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 6px;
- }
-
- .p-multiselect:not(.p-disabled):hover {
- border-color: transparent;
- }
-
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 none;
- border-color: #0F8BFD;
- }
-
- .p-multiselect .p-multiselect-label {
- padding: 0.429rem 0.571rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
-
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #868C9B;
- }
-
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.2145rem 0.571rem;
- margin-right: 0.5rem;
- background: rgba(255, 255, 255, 0.05);
- color: #FFFFFF;
- 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: #C8CCD8;
- width: 2.357rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.2145rem 0.571rem;
- }
-
- .p-multiselect-clearable .p-multiselect-label-container {
- padding-right: 1.571rem;
- }
-
- .p-multiselect-clearable .p-multiselect-clear-icon {
- color: #C8CCD8;
- right: 2.357rem;
- }
-
- .p-multiselect-panel {
- background: #0a061a;
- color: #FFFFFF;
- border: 0 none;
- border-radius: 6px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.429rem 0.286rem;
- border-bottom: 0 none;
- color: #FFFFFF;
- background: rgba(255, 255, 255, 0.05);
- margin: 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
-
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.571rem;
- }
-
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.571rem;
- color: #C8CCD8;
- }
-
- .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: #C8CCD8;
- 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: #FFFFFF;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 none;
- }
-
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.286rem;
- }
-
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.429rem 0.286rem;
- border: 0 none;
- color: #FFFFFF;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 4px;
- }
-
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #ffffff;
- background: #0F8BFD;
- }
-
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: rgba(15, 139, 253, 0.24);
- }
-
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #FFFFFF;
- background: rgba(255, 255, 255, 0.1);
- }
-
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
- color: #FFFFFF;
- background: rgba(255, 255, 255, 0.05);
- }
-
- .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.571rem 0.429rem;
- color: #868C9B;
- background: transparent;
- font-weight: 500;
- }
-
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.429rem 0.286rem;
- color: #FFFFFF;
- background: transparent;
- }
-
- .p-input-filled .p-multiselect {
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-input-filled .p-multiselect:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.05);
- }
-
- .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
- background-color: rgba(255, 255, 255, 0.05);
- }
-
- p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
- border-color: #FC6161;
- }
-
- p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext {
- border-color: #FC6161;
- }
-
- .p-password-panel {
- padding: 1.143rem;
- background: transparent;
- color: #FFFFFF;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 6px;
- }
-
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: rgba(255, 255, 255, 0.1);
- }
-
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #eb9a9c;
- }
-
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #ffcf91;
- }
-
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #93deac;
- }
-
- p-password.p-password-clearable .p-password-input {
- padding-right: 2.142rem;
- }
-
- p-password.p-password-clearable .p-password-clear-icon {
- color: #C8CCD8;
- right: 0.571rem;
- }
-
- p-password.p-password-clearable.p-password-mask .p-password-input {
- padding-right: 3.713rem;
- }
-
- p-password.p-password-clearable.p-password-mask .p-password-clear-icon {
- color: #C8CCD8;
- right: 2.142rem;
- }
-
- .p-radiobutton {
- width: 20px;
- height: 20px;
- }
-
- .p-radiobutton .p-radiobutton-box {
- border: 2px solid #868C9B;
- background: rgba(255, 255, 255, 0.05);
- width: 20px;
- height: 20px;
- color: #FFFFFF;
- 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: transparent;
- }
-
- .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 none;
- border-color: #0F8BFD;
- }
-
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.2s;
- background-color: #ffffff;
- }
-
- .p-radiobutton .p-radiobutton-box.p-highlight {
- border-color: #0F8BFD;
- background: #0F8BFD;
- }
-
- .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #0270d5;
- background: #0270d5;
- color: #ffffff;
- }
-
- p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
- border-color: #FC6161;
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: rgba(255, 255, 255, 0.05);
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.05);
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
- background: #0F8BFD;
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #0270d5;
- }
-
- .p-radiobutton-label {
- margin-left: 0.5rem;
- }
-
- .p-highlight .p-radiobutton .p-radiobutton-box {
- border-color: #ffffff;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
-
- .p-rating .p-rating-item .p-rating-icon {
- color: #FFFFFF;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- font-size: 1.286rem;
- }
-
- .p-rating .p-rating-item .p-rating-icon.p-icon {
- width: 1.286rem;
- height: 1.286rem;
- }
-
- .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
- color: #FC6161;
- }
-
- .p-rating .p-rating-item.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 none;
- border-color: #0F8BFD;
- }
-
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #0F8BFD;
- }
-
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #0F8BFD;
- }
-
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #FC6161;
- }
-
- .p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #ffffff;
- }
-
- .p-selectbutton .p-button {
- background: rgba(255, 255, 255, 0.2);
- border: 1px solid transparent;
- color: #FFFFFF;
- 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: #C8CCD8;
- }
-
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.1);
- border-color: transparent;
- color: #FFFFFF;
- }
-
- .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: #C8CCD8;
- }
-
- .p-selectbutton .p-button.p-highlight {
- background: #0F8BFD;
- border-color: #0F8BFD;
- color: #ffffff;
- }
-
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #ffffff;
- }
-
- .p-selectbutton .p-button.p-highlight:hover {
- background: #027eef;
- border-color: #027eef;
- color: #ffffff;
- }
-
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff;
- }
-
- p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
- border-color: #FC6161;
- }
-
- .p-slider {
- background: rgba(255, 255, 255, 0.1);
- border: 0 none;
- border-radius: 6px;
- }
-
- .p-slider.p-slider-horizontal {
- height: 0.429rem;
- }
-
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -0.5715rem;
- margin-left: -0.5715rem;
- }
-
- .p-slider.p-slider-vertical {
- width: 0.429rem;
- }
-
- .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: 4px solid #0F8BFD;
- 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 none;
- }
-
- .p-slider .p-slider-range {
- background: #0F8BFD;
- }
-
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #0F8BFD;
- border-color: #0F8BFD;
- }
-
- .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: rgba(255, 255, 255, 0.2);
- border: 1px solid transparent;
- color: #FFFFFF;
- 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: #C8CCD8;
- }
-
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.1);
- border-color: transparent;
- color: #FFFFFF;
- }
-
- .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: #C8CCD8;
- }
-
- .p-togglebutton.p-button.p-highlight {
- background: #0F8BFD;
- border-color: #0F8BFD;
- color: #ffffff;
- }
-
- .p-togglebutton.p-button.p-highlight .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight .p-button-icon-right {
- color: #ffffff;
- }
-
- .p-togglebutton.p-button.p-highlight:hover {
- background: #027eef;
- border-color: #027eef;
- color: #ffffff;
- }
-
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff;
- }
-
- p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
- border-color: #FC6161;
- }
-
- .p-treeselect {
- background: rgba(255, 255, 255, 0.05);
- border: 1px solid transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 6px;
- }
-
- .p-treeselect:not(.p-disabled):hover {
- border-color: transparent;
- }
-
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 none;
- border-color: #0F8BFD;
- }
-
- .p-treeselect .p-treeselect-label {
- padding: 0.429rem 0.571rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
-
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #868C9B;
- }
-
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.2145rem 0.571rem;
- margin-right: 0.5rem;
- background: rgba(255, 255, 255, 0.05);
- color: #FFFFFF;
- border-radius: 16px;
- }
-
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #C8CCD8;
- width: 2.357rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
- border-color: #FC6161;
- }
-
- .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.2145rem 0.571rem;
- }
-
- .p-treeselect-panel {
- background: #0a061a;
- color: #FFFFFF;
- border: 0 none;
- border-radius: 6px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-treeselect-panel .p-treeselect-header {
- padding: 0.429rem 0.286rem;
- border-bottom: 0 none;
- color: #FFFFFF;
- background: rgba(255, 255, 255, 0.05);
- margin: 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
-
- .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.571rem;
- }
-
- .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
- right: 0.571rem;
- color: #C8CCD8;
- }
-
- .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
- padding-right: 3.142rem;
- }
-
- .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
- right: 2.142rem;
- }
-
- .p-treeselect-panel .p-treeselect-header .p-treeselect-close {
- width: 2rem;
- height: 2rem;
- color: #C8CCD8;
- 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: #FFFFFF;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 none;
- }
-
- .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.429rem 0.286rem;
- color: #FFFFFF;
- background: transparent;
- }
-
- .p-input-filled .p-treeselect {
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: rgba(255, 255, 255, 0.05);
- }
-
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: rgba(255, 255, 255, 0.05);
- }
-
- p-treeselect.p-treeselect-clearable .p-treeselect-label-container {
- padding-right: 1.571rem;
- }
-
- p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
- color: #C8CCD8;
- right: 2.286rem;
- }
-
- .p-button {
- color: #ffffff;
- background: #0F8BFD;
- border: 1px solid #0F8BFD;
- padding: 0.429rem 0.571rem;
- font-size: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 6px;
- }
-
- .p-button:not(:disabled):hover {
- background: #027eef;
- color: #ffffff;
- border-color: #027eef;
- }
-
- .p-button:not(:disabled):active {
- background: #0270d5;
- color: #ffffff;
- border-color: #0270d5;
- }
-
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #0F8BFD;
- border: 1px solid;
- }
-
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(15, 139, 253, 0.04);
- color: #0F8BFD;
- border: 1px solid;
- }
-
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(15, 139, 253, 0.16);
- color: #0F8BFD;
- border: 1px solid;
- }
-
- .p-button.p-button-outlined.p-button-plain {
- color: #C8CCD8;
- border-color: #C8CCD8;
- }
-
- .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.05);
- color: #C8CCD8;
- }
-
- .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: #C8CCD8;
- }
-
- .p-button.p-button-text {
- background-color: transparent;
- color: #0F8BFD;
- border-color: transparent;
- }
-
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(15, 139, 253, 0.04);
- color: #0F8BFD;
- border-color: transparent;
- }
-
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(15, 139, 253, 0.16);
- color: #0F8BFD;
- border-color: transparent;
- }
-
- .p-button.p-button-text.p-button-plain {
- color: #C8CCD8;
- }
-
- .p-button.p-button-text.p-button-plain:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.05);
- color: #C8CCD8;
- }
-
- .p-button.p-button-text.p-button-plain:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: #C8CCD8;
- }
-
- .p-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 none;
- }
-
- .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: #0F8BFD;
- background-color: #ffffff;
- }
-
- .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.286rem;
- padding: 0.429rem 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.286rem;
- }
-
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.375375rem 0.499625rem;
- }
-
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem;
- }
-
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.53625rem 0.71375rem;
- }
-
- .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.286rem;
- }
-
- .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: #a0a3ad;
- border: 1px solid transparent;
- }
-
- .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: rgba(255, 255, 255, 0.1);
- color: #FFFFFF;
- border-color: transparent;
- }
-
- .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: none;
- }
-
- .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: rgba(255, 255, 255, 0.15);
- color: #FFFFFF;
- border-color: transparent;
- }
-
- .p-button.p-button-secondary.p-button-outlined,
- .p-buttonset.p-button-secondary > .p-button.p-button-outlined,
- .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #a0a3ad;
- 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(160, 163, 173, 0.04);
- color: #a0a3ad;
- 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(160, 163, 173, 0.16);
- color: #a0a3ad;
- 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: #a0a3ad;
- 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(160, 163, 173, 0.04);
- border-color: transparent;
- color: #a0a3ad;
- }
-
- .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(160, 163, 173, 0.16);
- border-color: transparent;
- color: #a0a3ad;
- }
-
- .p-button.p-button-info,
- .p-buttonset.p-button-info > .p-button,
- .p-splitbutton.p-button-info > .p-button {
- color: #FFFFFF;
- background: #873EFE;
- border: 1px solid transparent;
- }
-
- .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: #6C1AF2;
- color: #FFFFFF;
- border-color: transparent;
- }
-
- .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: none;
- }
-
- .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: #5310C1;
- color: #FFFFFF;
- border-color: transparent;
- }
-
- .p-button.p-button-info.p-button-outlined,
- .p-buttonset.p-button-info > .p-button.p-button-outlined,
- .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #873EFE;
- 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(135, 62, 254, 0.04);
- color: #873EFE;
- 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(135, 62, 254, 0.16);
- color: #873EFE;
- 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: #873EFE;
- 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(135, 62, 254, 0.04);
- border-color: transparent;
- color: #873EFE;
- }
-
- .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(135, 62, 254, 0.16);
- border-color: transparent;
- color: #873EFE;
- }
-
- .p-button.p-button-success,
- .p-buttonset.p-button-success > .p-button,
- .p-splitbutton.p-button-success > .p-button {
- color: #FFFFFF;
- background: #0BD18A;
- border: 1px solid transparent;
- }
-
- .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: #049B65;
- color: #FFFFFF;
- border-color: transparent;
- }
-
- .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: none;
- }
-
- .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: #017E52;
- color: #FFFFFF;
- border-color: transparent;
- }
-
- .p-button.p-button-success.p-button-outlined,
- .p-buttonset.p-button-success > .p-button.p-button-outlined,
- .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #0BD18A;
- 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(11, 209, 138, 0.04);
- color: #0BD18A;
- 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(11, 209, 138, 0.16);
- color: #0BD18A;
- 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: #0BD18A;
- 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(11, 209, 138, 0.04);
- border-color: transparent;
- color: #0BD18A;
- }
-
- .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(11, 209, 138, 0.16);
- border-color: transparent;
- color: #0BD18A;
- }
-
- .p-button.p-button-warning,
- .p-buttonset.p-button-warning > .p-button,
- .p-splitbutton.p-button-warning > .p-button {
- color: #2E323F;
- background: #EEE500;
- border: 1px solid transparent;
- }
-
- .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: #D1C901;
- color: #2E323F;
- border-color: transparent;
- }
-
- .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: none;
- }
-
- .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: #BAB302;
- color: #2E323F;
- border-color: transparent;
- }
-
- .p-button.p-button-warning.p-button-outlined,
- .p-buttonset.p-button-warning > .p-button.p-button-outlined,
- .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #EEE500;
- 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(238, 229, 0, 0.04);
- color: #EEE500;
- 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(238, 229, 0, 0.16);
- color: #EEE500;
- 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: #EEE500;
- 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(238, 229, 0, 0.04);
- border-color: transparent;
- color: #EEE500;
- }
-
- .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(238, 229, 0, 0.16);
- border-color: transparent;
- color: #EEE500;
- }
-
- .p-button.p-button-help,
- .p-buttonset.p-button-help > .p-button,
- .p-splitbutton.p-button-help > .p-button {
- color: #FFFFFF;
- background: #EC4DBC;
- border: 1px solid transparent;
- }
-
- .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: #E80EA6;
- color: #FFFFFF;
- border-color: transparent;
- }
-
- .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: none;
- }
-
- .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: #B30C81;
- color: #FFFFFF;
- border-color: transparent;
- }
-
- .p-button.p-button-help.p-button-outlined,
- .p-buttonset.p-button-help > .p-button.p-button-outlined,
- .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #EC4DBC;
- 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(236, 77, 188, 0.04);
- color: #EC4DBC;
- 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(236, 77, 188, 0.16);
- color: #EC4DBC;
- 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: #EC4DBC;
- 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(236, 77, 188, 0.04);
- border-color: transparent;
- color: #EC4DBC;
- }
-
- .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(236, 77, 188, 0.16);
- border-color: transparent;
- color: #EC4DBC;
- }
-
- .p-button.p-button-danger,
- .p-buttonset.p-button-danger > .p-button,
- .p-splitbutton.p-button-danger > .p-button {
- color: #FFFFFF;
- background: #FC6161;
- border: 1px solid transparent;
- }
-
- .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: #E73A3A;
- color: #FFFFFF;
- border-color: transparent;
- }
-
- .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: none;
- }
-
- .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: #C42424;
- color: #FFFFFF;
- border-color: transparent;
- }
-
- .p-button.p-button-danger.p-button-outlined,
- .p-buttonset.p-button-danger > .p-button.p-button-outlined,
- .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #FC6161;
- 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(252, 97, 97, 0.04);
- color: #FC6161;
- 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(252, 97, 97, 0.16);
- color: #FC6161;
- 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: #FC6161;
- 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(252, 97, 97, 0.04);
- border-color: transparent;
- color: #FC6161;
- }
-
- .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(252, 97, 97, 0.16);
- border-color: transparent;
- color: #FC6161;
- }
-
- .p-button.p-button-link {
- color: #0F8BFD;
- background: transparent;
- border: transparent;
- }
-
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #0F8BFD;
- 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: none;
- border-color: transparent;
- }
-
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #0F8BFD;
- 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 none;
- }
-
- .p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: #FFFFFF;
- color: rgba(255, 255, 255, 0.25);
- }
-
- .p-speeddial-action:hover {
- background: #C8CCD8;
- color: rgba(255, 255, 255, 0.25);
- }
-
- .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.2);
- }
-
- .p-splitbutton {
- border-radius: 6px;
- }
-
- .p-splitbutton.p-button-outlined > .p-button {
- background-color: transparent;
- color: #0F8BFD;
- border: 1px solid;
- }
-
- .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover {
- background: rgba(15, 139, 253, 0.04);
- color: #0F8BFD;
- }
-
- .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active {
- background: rgba(15, 139, 253, 0.16);
- color: #0F8BFD;
- }
-
- .p-splitbutton.p-button-outlined.p-button-plain > .p-button {
- color: #C8CCD8;
- border-color: #C8CCD8;
- }
-
- .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.05);
- color: #C8CCD8;
- }
-
- .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: #C8CCD8;
- }
-
- .p-splitbutton.p-button-text > .p-button {
- background-color: transparent;
- color: #0F8BFD;
- border-color: transparent;
- }
-
- .p-splitbutton.p-button-text > .p-button:not(:disabled):hover {
- background: rgba(15, 139, 253, 0.04);
- color: #0F8BFD;
- border-color: transparent;
- }
-
- .p-splitbutton.p-button-text > .p-button:not(:disabled):active {
- background: rgba(15, 139, 253, 0.16);
- color: #0F8BFD;
- border-color: transparent;
- }
-
- .p-splitbutton.p-button-text.p-button-plain > .p-button {
- color: #C8CCD8;
- }
-
- .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.05);
- color: #C8CCD8;
- }
-
- .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: #C8CCD8;
- }
-
- .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.375375rem 0.499625rem;
- }
-
- .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.53625rem 0.71375rem;
- }
-
- .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: #a0a3ad;
- border: 1px solid;
- }
-
- .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover {
- background: rgba(160, 163, 173, 0.04);
- color: #a0a3ad;
- }
-
- .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active {
- background: rgba(160, 163, 173, 0.16);
- color: #a0a3ad;
- }
-
- .p-splitbutton.p-button-secondary.p-button-text > .p-button {
- background-color: transparent;
- color: #a0a3ad;
- border-color: transparent;
- }
-
- .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover {
- background: rgba(160, 163, 173, 0.04);
- border-color: transparent;
- color: #a0a3ad;
- }
-
- .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active {
- background: rgba(160, 163, 173, 0.16);
- border-color: transparent;
- color: #a0a3ad;
- }
-
- .p-splitbutton.p-button-info.p-button-outlined > .p-button {
- background-color: transparent;
- color: #873EFE;
- border: 1px solid;
- }
-
- .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover {
- background: rgba(135, 62, 254, 0.04);
- color: #873EFE;
- }
-
- .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active {
- background: rgba(135, 62, 254, 0.16);
- color: #873EFE;
- }
-
- .p-splitbutton.p-button-info.p-button-text > .p-button {
- background-color: transparent;
- color: #873EFE;
- border-color: transparent;
- }
-
- .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover {
- background: rgba(135, 62, 254, 0.04);
- border-color: transparent;
- color: #873EFE;
- }
-
- .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active {
- background: rgba(135, 62, 254, 0.16);
- border-color: transparent;
- color: #873EFE;
- }
-
- .p-splitbutton.p-button-success.p-button-outlined > .p-button {
- background-color: transparent;
- color: #0BD18A;
- border: 1px solid;
- }
-
- .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover {
- background: rgba(11, 209, 138, 0.04);
- color: #0BD18A;
- }
-
- .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active {
- background: rgba(11, 209, 138, 0.16);
- color: #0BD18A;
- }
-
- .p-splitbutton.p-button-success.p-button-text > .p-button {
- background-color: transparent;
- color: #0BD18A;
- border-color: transparent;
- }
-
- .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover {
- background: rgba(11, 209, 138, 0.04);
- border-color: transparent;
- color: #0BD18A;
- }
-
- .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active {
- background: rgba(11, 209, 138, 0.16);
- border-color: transparent;
- color: #0BD18A;
- }
-
- .p-splitbutton.p-button-warning.p-button-outlined > .p-button {
- background-color: transparent;
- color: #EEE500;
- border: 1px solid;
- }
-
- .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover {
- background: rgba(238, 229, 0, 0.04);
- color: #EEE500;
- }
-
- .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active {
- background: rgba(238, 229, 0, 0.16);
- color: #EEE500;
- }
-
- .p-splitbutton.p-button-warning.p-button-text > .p-button {
- background-color: transparent;
- color: #EEE500;
- border-color: transparent;
- }
-
- .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover {
- background: rgba(238, 229, 0, 0.04);
- border-color: transparent;
- color: #EEE500;
- }
-
- .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active {
- background: rgba(238, 229, 0, 0.16);
- border-color: transparent;
- color: #EEE500;
- }
-
- .p-splitbutton.p-button-help.p-button-outlined > .p-button {
- background-color: transparent;
- color: #EC4DBC;
- border: 1px solid;
- }
-
- .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover {
- background: rgba(236, 77, 188, 0.04);
- color: #EC4DBC;
- }
-
- .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active {
- background: rgba(236, 77, 188, 0.16);
- color: #EC4DBC;
- }
-
- .p-splitbutton.p-button-help.p-button-text > .p-button {
- background-color: transparent;
- color: #EC4DBC;
- border-color: transparent;
- }
-
- .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover {
- background: rgba(236, 77, 188, 0.04);
- border-color: transparent;
- color: #EC4DBC;
- }
-
- .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active {
- background: rgba(236, 77, 188, 0.16);
- border-color: transparent;
- color: #EC4DBC;
- }
-
- .p-splitbutton.p-button-danger.p-button-outlined > .p-button {
- background-color: transparent;
- color: #FC6161;
- border: 1px solid;
- }
-
- .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover {
- background: rgba(252, 97, 97, 0.04);
- color: #FC6161;
- }
-
- .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active {
- background: rgba(252, 97, 97, 0.16);
- color: #FC6161;
- }
-
- .p-splitbutton.p-button-danger.p-button-text > .p-button {
- background-color: transparent;
- color: #FC6161;
- border-color: transparent;
- }
-
- .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover {
- background: rgba(252, 97, 97, 0.04);
- border-color: transparent;
- color: #FC6161;
- }
-
- .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active {
- background: rgba(252, 97, 97, 0.16);
- border-color: transparent;
- color: #FC6161;
- }
-
- .p-carousel .p-carousel-content .p-carousel-prev,
- .p-carousel .p-carousel-content .p-carousel-next {
- width: 2rem;
- height: 2rem;
- color: #C8CCD8;
- 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: #FFFFFF;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.05);
- }
-
- .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 none;
- }
-
- .p-carousel .p-carousel-indicators {
- padding: 1rem;
- }
-
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem;
- }
-
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: rgba(255, 255, 255, 0.1);
- width: 1.429rem;
- height: 0.572rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- }
-
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: rgba(255, 255, 255, 0.2);
- }
-
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: #0F8BFD;
- color: #ffffff;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 1px 0 1px 0;
- border-radius: 0;
- }
-
- .p-datatable .p-paginator-bottom {
- border-width: 1px 0 1px 0;
- border-radius: 0;
- }
-
- .p-datatable .p-datatable-header {
- background: var(--surface-section);
- color: #868C9B;
- border: 1px solid rgba(255, 255, 255, 0.15);
- border-width: 0 0 1px 0;
- padding: 0.571rem 0.571rem;
- font-weight: 500;
- }
-
- .p-datatable .p-datatable-footer {
- background: var(--surface-section);
- color: #868C9B;
- border: 1px solid rgba(255, 255, 255, 0.15);
- border-width: 0 0 1px 0;
- padding: 0.571rem 0.571rem;
- font-weight: 700;
- }
-
- .p-datatable .p-datatable-thead > tr > th {
- text-align: left;
- padding: 0.571rem 0.571rem;
- border: 1px solid rgba(255, 255, 255, 0.15);
- border-width: 0 0 1px 0;
- font-weight: 500;
- color: #868C9B;
- background: var(--surface-section);
- transition: box-shadow 0.2s;
- }
-
- .p-datatable .p-datatable-tfoot > tr > td {
- text-align: left;
- padding: 0.571rem 0.571rem;
- border: 1px solid rgba(255, 255, 255, 0.15);
- border-width: 0 0 1px 0;
- font-weight: 500;
- color: #868C9B;
- background: var(--surface-section);
- }
-
- .p-datatable .p-sortable-column .p-sortable-column-icon {
- color: #868C9B;
- 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: #ffffff;
- background: #0F8BFD;
- margin-left: 0.5rem;
- }
-
- .p-datatable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.05);
- color: #868C9B;
- }
-
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #868C9B;
- }
-
- .p-datatable .p-sortable-column.p-highlight {
- background: rgba(255, 255, 255, 0.1);
- color: #868C9B;
- }
-
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #868C9B;
- }
-
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #868C9B;
- }
-
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #868C9B;
- }
-
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: 0 none;
- outline: 0 none;
- }
-
- .p-datatable .p-datatable-tbody > tr {
- background: var(--surface-section);
- color: #FFFFFF;
- transition: box-shadow 0.2s;
- }
-
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid rgba(255, 255, 255, 0.05);
- border-width: 0 0 0 0;
- padding: 0.429rem 0.571rem;
- }
-
- .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: #C8CCD8;
- 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: #FFFFFF;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.05);
- }
-
- .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 none;
- }
-
- .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 #0F8BFD;
- outline-offset: -0.15rem;
- }
-
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #0F8BFD;
- color: #ffffff;
- }
-
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #0F8BFD;
- }
-
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #0F8BFD;
- }
-
- .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.05);
- color: #FFFFFF;
- }
-
- .p-datatable .p-column-resizer-helper {
- background: #0F8BFD;
- }
-
- .p-datatable .p-datatable-scrollable-header,
- .p-datatable .p-datatable-scrollable-footer {
- background: transparent;
- }
-
- .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: var(--surface-section);
- }
-
- .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: var(--surface-section);
- }
-
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
- background: #0F8BFD;
- color: #ffffff;
- }
-
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
- color: #ffffff;
- }
-
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
- color: #ffffff;
- }
-
- .p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.2855rem 0.2855rem;
- }
-
- .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.2855rem 0.2855rem;
- }
-
- .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.2145rem 0.2855rem;
- }
-
- .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.2855rem 0.2855rem;
- }
-
- .p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.2855rem 0.2855rem;
- }
-
- .p-datatable.p-datatable-lg .p-datatable-header {
- padding: 0.71375rem 0.71375rem;
- }
-
- .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 0.71375rem 0.71375rem;
- }
-
- .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 0.53625rem 0.71375rem;
- }
-
- .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 0.71375rem 0.71375rem;
- }
-
- .p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 0.71375rem 0.71375rem;
- }
-
- .p-dataview .p-paginator-top {
- border-width: 1px 0 1px 0;
- border-radius: 0;
- }
-
- .p-dataview .p-paginator-bottom {
- border-width: 1px 0 1px 0;
- border-radius: 0;
- }
-
- .p-dataview .p-dataview-header {
- background: var(--surface-section);
- color: #868C9B;
- border: 1px solid rgba(255, 255, 255, 0.15);
- border-width: 0 0 1px 0;
- padding: 0.571rem 0.571rem;
- font-weight: 500;
- }
-
- .p-dataview .p-dataview-content {
- background: var(--surface-section);
- color: #FFFFFF;
- border: 0 none;
- padding: 0;
- }
-
- .p-dataview .p-dataview-footer {
- background: var(--surface-section);
- color: #868C9B;
- border: 1px solid rgba(255, 255, 255, 0.15);
- border-width: 0 0 1px 0;
- padding: 0.571rem 0.571rem;
- font-weight: 700;
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-dataview .p-dataview-loading-icon {
- font-size: 2rem;
- }
-
- .p-dataview .p-dataview-emptymessage {
- padding: 1.143rem;
- }
-
- .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: #C8CCD8;
- 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: #FFFFFF;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: rgba(255, 255, 255, 0.05);
- color: #FFFFFF;
- }
-
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: #0F8BFD;
- color: #ffffff;
- }
-
- .p-column-filter-menu-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 none;
- }
-
- .p-column-filter-clear-button {
- width: 2rem;
- height: 2rem;
- color: #C8CCD8;
- 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: #FFFFFF;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-column-filter-clear-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 none;
- }
-
- .p-column-filter-overlay {
- background: #0a061a;
- color: #FFFFFF;
- border: 0 none;
- border-radius: 6px;
- 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);
- min-width: 12.5rem;
- }
-
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.286rem;
- }
-
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.429rem 0.286rem;
- border: 0 none;
- color: #FFFFFF;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 4px;
- }
-
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #ffffff;
- background: #0F8BFD;
- }
-
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #FFFFFF;
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 none;
- }
-
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid rgba(255, 255, 255, 0.05);
- margin: 0.25rem 0;
- }
-
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0.429rem 0.286rem;
- border-bottom: 0 none;
- color: #FFFFFF;
- background: rgba(255, 255, 255, 0.05);
- margin: 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
-
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 1.143rem;
- border-bottom: 1px solid rgba(255, 255, 255, 0.05);
- }
-
- .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.714rem 1.143rem;
- }
-
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 1.143rem;
- }
-
- .p-orderlist .p-orderlist-controls {
- padding: 1.143rem;
- }
-
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem;
- }
-
- .p-orderlist .p-orderlist-header {
- background: transparent;
- color: #FFFFFF;
- border: 1px solid rgba(255, 255, 255, 0.15);
- padding: 0.714rem 1.143rem;
- border-bottom: 0 none;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
-
- .p-orderlist .p-orderlist-header .p-orderlist-title {
- font-weight: 500;
- }
-
- .p-orderlist .p-orderlist-filter-container {
- padding: 0.714rem 1.143rem;
- background: transparent;
- border: 1px solid rgba(255, 255, 255, 0.15);
- border-bottom: 0 none;
- }
-
- .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
- padding-right: 1.571rem;
- }
-
- .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
- right: 0.571rem;
- color: #C8CCD8;
- }
-
- .p-orderlist .p-orderlist-list {
- border: 1px solid rgba(255, 255, 255, 0.15);
- background: transparent;
- color: #FFFFFF;
- padding: 0.286rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- outline: 0 none;
- }
-
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.429rem 0.286rem;
- margin: 0;
- border: 0 none;
- color: #FFFFFF;
- background: transparent;
- transition: box-shadow 0.2s;
- }
-
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.05);
- color: #FFFFFF;
- }
-
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
- color: #FFFFFF;
- background: rgba(255, 255, 255, 0.1);
- }
-
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #ffffff;
- background: #0F8BFD;
- }
-
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: rgba(15, 139, 253, 0.24);
- }
-
- .p-orderlist .p-orderlist-list .p-orderlist-empty-message {
- padding: 0.429rem 0.286rem;
- color: #FFFFFF;
- }
-
- .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.05);
- color: #FFFFFF;
- }
-
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
- background: rgba(255, 255, 255, 0.01);
- }
-
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-orderlist-item.cdk-drag-preview {
- padding: 0.429rem 0.286rem;
- 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: 0 none;
- color: #FFFFFF;
- background: transparent;
- margin: 0;
- }
-
- .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.05);
- color: #FFFFFF;
- }
-
- .p-organizationchart .p-organizationchart-node-content.p-highlight {
- background: #0F8BFD;
- color: #ffffff;
- }
-
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #01498b;
- }
-
- .p-organizationchart .p-organizationchart-line-down {
- background: #C8CCD8;
- }
-
- .p-organizationchart .p-organizationchart-line-left {
- border-right: 1px solid rgba(255, 255, 255, 0.15);
- border-color: #C8CCD8;
- }
-
- .p-organizationchart .p-organizationchart-line-top {
- border-top: 1px solid rgba(255, 255, 255, 0.15);
- border-color: #C8CCD8;
- }
-
- .p-organizationchart .p-organizationchart-node-content {
- border: 1px solid rgba(255, 255, 255, 0.15);
- background: transparent;
- color: #FFFFFF;
- padding: 1.143rem;
- }
-
- .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 none;
- }
-
- .p-paginator {
- background: transparent;
- color: #FFFFFF;
- border: solid rgba(255, 255, 255, 0.15);
- border-width: 0;
- padding: 0.571rem 0.571rem;
- border-radius: 6px;
- }
-
- .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: #FFFFFF;
- min-width: 1.429rem;
- height: 1.429rem;
- margin: 0.143rem;
- transition: box-shadow 0.2s;
- border-radius: 4px;
- }
-
- .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
- .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
- .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
- .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.05);
- border-color: transparent;
- color: #FFFFFF;
- }
-
- .p-paginator .p-paginator-first {
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px;
- }
-
- .p-paginator .p-paginator-last {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px;
- }
-
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- height: 1.429rem;
- }
-
- .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: 1.429rem;
- }
-
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: #FFFFFF;
- min-width: 1.429rem;
- height: 1.429rem;
- margin: 0.143rem;
- padding: 0 0.5rem;
- }
-
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: #FFFFFF;
- min-width: 1.429rem;
- height: 1.429rem;
- margin: 0.143rem;
- transition: box-shadow 0.2s;
- border-radius: 4px;
- }
-
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #0F8BFD;
- border-color: #0F8BFD;
- color: #ffffff;
- }
-
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.05);
- border-color: transparent;
- color: #FFFFFF;
- }
-
- .p-picklist .p-picklist-buttons {
- padding: 1.143rem;
- }
-
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem;
- }
-
- .p-picklist .p-picklist-header {
- background: transparent;
- color: #FFFFFF;
- border: 1px solid rgba(255, 255, 255, 0.15);
- padding: 0.714rem 1.143rem;
- border-bottom: 0 none;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
-
- .p-picklist .p-picklist-header .p-picklist-title {
- font-weight: 500;
- }
-
- .p-picklist .p-picklist-filter-container {
- padding: 0.714rem 1.143rem;
- background: transparent;
- border: 1px solid rgba(255, 255, 255, 0.15);
- border-bottom: 0 none;
- }
-
- .p-picklist .p-picklist-filter-container .p-picklist-filter-input {
- padding-right: 1.571rem;
- }
-
- .p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
- right: 0.571rem;
- color: #C8CCD8;
- }
-
- .p-picklist .p-picklist-list {
- border: 1px solid rgba(255, 255, 255, 0.15);
- background: transparent;
- color: #FFFFFF;
- padding: 0.286rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- outline: 0 none;
- }
-
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.429rem 0.286rem;
- margin: 0;
- border: 0 none;
- color: #FFFFFF;
- background: transparent;
- transition: box-shadow 0.2s;
- }
-
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.05);
- color: #FFFFFF;
- }
-
- .p-picklist .p-picklist-list .p-picklist-item.p-focus {
- color: #FFFFFF;
- background: rgba(255, 255, 255, 0.1);
- }
-
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #ffffff;
- background: #0F8BFD;
- }
-
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: rgba(15, 139, 253, 0.24);
- }
-
- .p-picklist .p-picklist-list .p-picklist-empty-message {
- padding: 0.429rem 0.286rem;
- color: #FFFFFF;
- }
-
- .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.05);
- color: #FFFFFF;
- }
-
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
- background: rgba(255, 255, 255, 0.01);
- }
-
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-picklist-item.cdk-drag-preview {
- padding: 0.429rem 0.286rem;
- 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: 0 none;
- color: #FFFFFF;
- background: transparent;
- margin: 0;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 2px solid #0F8BFD;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: rgba(255, 255, 255, 0.05);
- }
-
- .p-timeline .p-timeline-event-connector {
- background-color: rgba(255, 255, 255, 0.05);
- }
-
- .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
- .p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
- }
-
- .p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
- }
-
- .p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
- .p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
- }
-
- .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
- }
-
- .p-tree {
- border: 1px solid rgba(255, 255, 255, 0.15);
- background: transparent;
- color: #FFFFFF;
- padding: 1.143rem;
- border-radius: 6px;
- }
-
- .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: 0 none;
- }
-
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 6px;
- transition: box-shadow 0.2s;
- padding: 0.429rem 0.571rem;
- }
-
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #C8CCD8;
- 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: #FFFFFF;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 none;
- }
-
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #FFFFFF;
- }
-
- .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: #FFFFFF;
- }
-
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #0F8BFD;
- color: #ffffff;
- }
-
- .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: #ffffff;
- }
-
- .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: #ffffff;
- }
-
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.05);
- color: #FFFFFF;
- }
-
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
- background: rgba(255, 255, 255, 0.05);
- color: #FFFFFF;
- }
-
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem;
- }
-
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.571rem;
- }
-
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.571rem;
- color: #C8CCD8;
- }
-
- .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: #0270d5;
- }
-
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content {
- border-radius: 6px;
- border: 1px solid rgba(255, 255, 255, 0.15);
- background-color: transparent;
- color: #FFFFFF;
- padding: 0.429rem 0.571rem;
- transition: box-shadow 0.2s;
- }
-
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight {
- background-color: #0F8BFD;
- color: #ffffff;
- }
-
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #ffffff;
- }
-
- .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: #FFFFFF;
- margin-right: 0.5rem;
- }
-
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem;
- }
-
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover {
- background-color: inherit;
- color: inherit;
- }
-
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.05);
- color: #FFFFFF;
- }
-
- .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 none;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 1px 0 1px 0;
- border-radius: 0;
- }
-
- .p-treetable .p-paginator-bottom {
- border-width: 1px 0 1px 0;
- border-radius: 0;
- }
-
- .p-treetable .p-treetable-header {
- background: var(--surface-section);
- color: #868C9B;
- border: 1px solid rgba(255, 255, 255, 0.15);
- border-width: 0 0 1px 0;
- padding: 0.571rem 0.571rem;
- font-weight: 500;
- }
-
- .p-treetable .p-treetable-footer {
- background: var(--surface-section);
- color: #868C9B;
- border: 1px solid rgba(255, 255, 255, 0.15);
- border-width: 0 0 1px 0;
- padding: 0.571rem 0.571rem;
- font-weight: 700;
- }
-
- .p-treetable .p-treetable-thead > tr > th {
- text-align: left;
- padding: 0.571rem 0.571rem;
- border: 1px solid rgba(255, 255, 255, 0.15);
- border-width: 0 0 1px 0;
- font-weight: 500;
- color: #868C9B;
- background: var(--surface-section);
- transition: box-shadow 0.2s;
- }
-
- .p-treetable .p-treetable-tfoot > tr > td {
- text-align: left;
- padding: 0.571rem 0.571rem;
- border: 1px solid rgba(255, 255, 255, 0.15);
- border-width: 0 0 1px 0;
- font-weight: 500;
- color: #868C9B;
- background: var(--surface-section);
- }
-
- .p-treetable .p-sortable-column {
- outline-color: #0F8BFD;
- }
-
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #868C9B;
- 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: #ffffff;
- background: #0F8BFD;
- margin-left: 0.5rem;
- }
-
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.05);
- color: #868C9B;
- }
-
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #868C9B;
- }
-
- .p-treetable .p-sortable-column.p-highlight {
- background: rgba(255, 255, 255, 0.1);
- color: #868C9B;
- }
-
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #868C9B;
- }
-
- .p-treetable .p-treetable-tbody > tr {
- background: var(--surface-section);
- color: #FFFFFF;
- transition: box-shadow 0.2s;
- }
-
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid rgba(255, 255, 255, 0.05);
- border-width: 0 0 0 0;
- padding: 0.429rem 0.571rem;
- }
-
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: #C8CCD8;
- 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: #FFFFFF;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 none;
- }
-
- .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: #FFFFFF;
- }
-
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid #0F8BFD;
- outline-offset: -0.15rem;
- }
-
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #0F8BFD;
- color: #ffffff;
- }
-
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #ffffff;
- }
-
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #ffffff;
- }
-
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.05);
- color: #FFFFFF;
- }
-
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #FFFFFF;
- }
-
- .p-treetable .p-column-resizer-helper {
- background: #0F8BFD;
- }
-
- .p-treetable .p-treetable-scrollable-header,
- .p-treetable .p-treetable-scrollable-footer {
- background: transparent;
- }
-
- .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.499625rem 0.499625rem;
- }
-
- .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.2855rem 0.2855rem;
- }
-
- .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.2145rem 0.2855rem;
- }
-
- .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.2855rem 0.2855rem;
- }
-
- .p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.2855rem 0.2855rem;
- }
-
- .p-treetable.p-treetable-lg .p-treetable-header {
- padding: 0.71375rem 0.71375rem;
- }
-
- .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 0.71375rem 0.71375rem;
- }
-
- .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 0.53625rem 0.71375rem;
- }
-
- .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 0.71375rem 0.71375rem;
- }
-
- .p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 0.71375rem 0.71375rem;
- }
-
- .p-virtualscroller .p-virtualscroller-header {
- background: var(--surface-section);
- color: #868C9B;
- border: 1px solid rgba(255, 255, 255, 0.15);
- border-width: 0 0 1px 0;
- padding: 0.571rem 0.571rem;
- font-weight: 500;
- }
-
- .p-virtualscroller .p-virtualscroller-content {
- background: var(--surface-section);
- color: #FFFFFF;
- border: 0 none;
- padding: 0;
- }
-
- .p-virtualscroller .p-virtualscroller-footer {
- background: var(--surface-section);
- color: #868C9B;
- border: 1px solid rgba(255, 255, 255, 0.15);
- border-width: 0 0 1px 0;
- padding: 0.571rem 0.571rem;
- font-weight: 700;
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-accordion .p-accordion-header .p-accordion-header-link {
- padding: 0.714rem 1.143rem;
- border: 1px solid rgba(255, 255, 255, 0.15);
- color: #FFFFFF;
- background: transparent;
- font-weight: 500;
- border-radius: 6px;
- transition: 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 none;
- }
-
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: rgba(255, 255, 255, 0.05);
- border-color: rgba(255, 255, 255, 0.05);
- color: #FFFFFF;
- }
-
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
- background: rgba(255, 255, 255, 0.15);
- border-color: rgba(255, 255, 255, 0.05);
- color: #FFFFFF;
- 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: rgba(255, 255, 255, 0.05);
- background: rgba(255, 255, 255, 0.15);
- color: #FFFFFF;
- }
-
- .p-accordion .p-accordion-content {
- padding: 1.143rem;
- border: 1px solid rgba(255, 255, 255, 0.15);
- background: transparent;
- color: #FFFFFF;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .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: 6px;
- border-top-left-radius: 6px;
- }
-
- .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-accordion p-accordiontab:last-child .p-accordion-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-card {
- background: transparent;
- color: #FFFFFF;
- 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: 6px;
- }
-
- .p-card .p-card-body {
- padding: 0.857rem 1.143rem;
- }
-
- .p-card .p-card-title {
- font-size: 1.143rem;
- font-weight: 500;
- margin-bottom: 0.5rem;
- }
-
- .p-card .p-card-subtitle {
- font-weight: 500;
- margin-bottom: 0.5rem;
- color: #868C9B;
- }
-
- .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: transparent;
- }
-
- .p-divider.p-divider-horizontal {
- margin: 1rem 0;
- padding: 0 1rem;
- }
-
- .p-divider.p-divider-horizontal:before {
- border-top: 1px rgba(255, 255, 255, 0.1);
- }
-
- .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 rgba(255, 255, 255, 0.1);
- }
-
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0;
- }
-
- .p-fieldset {
- border: 1px solid rgba(255, 255, 255, 0.15);
- background: transparent;
- color: #FFFFFF;
- border-radius: 6px;
- }
-
- .p-fieldset .p-fieldset-legend {
- padding: 0.714rem 1.143rem;
- border: 1px solid rgba(255, 255, 255, 0.15);
- color: #FFFFFF;
- background: transparent;
- font-weight: 500;
- border-radius: 6px;
- }
-
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
-
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 0.714rem 1.143rem;
- color: #FFFFFF;
- border-radius: 6px;
- transition: 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 none;
- }
-
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: rgba(255, 255, 255, 0.05);
- border-color: rgba(255, 255, 255, 0.15);
- color: #FFFFFF;
- }
-
- .p-fieldset .p-fieldset-content {
- padding: 1.143rem;
- }
-
- .p-panel .p-panel-header {
- border: 1px solid rgba(255, 255, 255, 0.15);
- padding: 0.714rem 1.143rem;
- background: transparent;
- color: #FFFFFF;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
-
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 500;
- }
-
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: #C8CCD8;
- 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: #FFFFFF;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 none;
- }
-
- .p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.429rem 0.571rem;
- }
-
- .p-panel .p-panel-content {
- padding: 1.143rem;
- border: 1px solid rgba(255, 255, 255, 0.15);
- background: transparent;
- color: #FFFFFF;
- border-top: 0 none;
- }
-
- .p-panel .p-panel-content:last-child {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-panel .p-panel-footer {
- padding: 0.714rem 1.143rem;
- border: 1px solid rgba(255, 255, 255, 0.15);
- background: transparent;
- color: #FFFFFF;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- 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: rgba(255, 255, 255, 0.1);
- border: 0 none;
- }
-
- .p-splitter {
- border: 1px solid rgba(255, 255, 255, 0.15);
- background: transparent;
- border-radius: 6px;
- color: #FFFFFF;
- }
-
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: rgba(255, 255, 255, 0.15);
- }
-
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: rgba(255, 255, 255, 0.15);
- }
-
- .p-splitter .p-splitter-gutter-resizing {
- background: rgba(255, 255, 255, 0.15);
- }
-
- .p-tabview .p-tabview-nav-content {
- scroll-padding-inline: 2.286rem;
- }
-
- .p-tabview .p-tabview-nav {
- background: transparent;
- border: 1px solid rgba(255, 255, 255, 0.15);
- border-width: 0 0 2px 0;
- }
-
- .p-tabview .p-tabview-nav li {
- margin-right: 0.857rem;
- }
-
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid transparent;
- border-width: 0 0 2px 0;
- border-color: transparent transparent transparent transparent;
- background: transparent;
- color: #868C9B;
- padding: 0.571rem 0.429rem;
- font-weight: 500;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- transition: 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 none;
- }
-
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: transparent;
- border-color: #FFFFFF;
- color: #FFFFFF;
- }
-
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: transparent;
- border-color: #0F8BFD;
- color: #0F8BFD;
- }
-
- .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: transparent;
- color: #0F8BFD;
- width: 2.286rem;
- 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 none;
- }
-
- .p-tabview .p-tabview-panels {
- background: transparent;
- padding: 1.143rem 0;
- border: 0 none;
- color: #FFFFFF;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-toolbar {
- background: transparent;
- border: 1px solid rgba(255, 255, 255, 0.15);
- padding: 0.714rem 1.143rem;
- border-radius: 6px;
- gap: 0.5rem;
- }
-
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem;
- }
-
- .p-confirm-popup {
- background: #252636;
- color: #FFFFFF;
- border: 0 none;
- border-radius: 6px;
- box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.3);
- }
-
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1.143rem;
- }
-
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0.714rem 1.143rem;
- }
-
- .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(37, 38, 54, 0);
- border-bottom-color: #252636;
- }
-
- .p-confirm-popup:before {
- border: solid transparent;
- border-color: rgba(37, 38, 54, 0);
- border-bottom-color: #252636;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #252636;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #252636;
- }
-
- .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: 6px;
- box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.3);
- border: 0 none;
- }
-
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #252636;
- color: #FFFFFF;
- padding: 1.286rem 1.714rem;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
-
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 500;
- font-size: 1.143rem;
- }
-
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: #C8CCD8;
- 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: #FFFFFF;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 none;
- }
-
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0;
- }
-
- .p-dialog .p-dialog-content {
- background: #252636;
- color: #FFFFFF;
- padding: 0 1.714rem 1.714rem 1.714rem;
- }
-
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #252636;
- color: #FFFFFF;
- padding: 0 1.714rem 1.714rem 1.714rem;
- text-align: right;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .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: #252636;
- color: #FFFFFF;
- border: 0 none;
- border-radius: 6px;
- box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.3);
- }
-
- .p-overlaypanel .p-overlaypanel-content {
- padding: 1.143rem;
- }
-
- .p-overlaypanel .p-overlaypanel-close {
- background: #0F8BFD;
- color: #ffffff;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem;
- }
-
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #027eef;
- color: #ffffff;
- }
-
- .p-overlaypanel:after {
- border: solid transparent;
- border-color: rgba(37, 38, 54, 0);
- border-bottom-color: #252636;
- }
-
- .p-overlaypanel:before {
- border: solid transparent;
- border-color: rgba(37, 38, 54, 0);
- border-bottom-color: #232433;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #252636;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #252636;
- }
-
- .p-sidebar {
- background: #252636;
- color: #FFFFFF;
- border: 0 none;
- box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.3);
- }
-
- .p-sidebar .p-sidebar-header {
- padding: 0.714rem 1.143rem;
- }
-
- .p-sidebar .p-sidebar-header .p-sidebar-close,
- .p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: #C8CCD8;
- 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: #FFFFFF;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.05);
- }
-
- .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 none;
- }
-
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0;
- }
-
- .p-sidebar .p-sidebar-content {
- padding: 1.143rem;
- }
-
- .p-sidebar .p-sidebar-footer {
- padding: 0.714rem 1.143rem;
- }
-
- .p-tooltip .p-tooltip-text {
- background: #0a061a;
- color: #FFFFFF;
- padding: 0.429rem 0.571rem;
- 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: 6px;
- }
-
- .p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #0a061a;
- }
-
- .p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #0a061a;
- }
-
- .p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #0a061a;
- }
-
- .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #0a061a;
- }
-
- .p-fileupload .p-fileupload-buttonbar {
- background: transparent;
- padding: 0.714rem 1.143rem;
- border: 1px solid rgba(255, 255, 255, 0.15);
- color: #FFFFFF;
- border-bottom: 0 none;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
-
- .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 none;
- }
-
- .p-fileupload .p-fileupload-content {
- background: transparent;
- padding: 2rem 1rem;
- border: 1px solid rgba(255, 255, 255, 0.15);
- color: #FFFFFF;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- border-color: 1px dashed #0F8BFD;
- border-style: dashed;
- background-color: #0F8BFD;
- }
-
- .p-fileupload .p-progressbar {
- height: 0.25rem;
- }
-
- .p-fileupload .p-fileupload-row > div {
- padding: 0.429rem 0.571rem;
- }
-
- .p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0;
- }
-
- .p-fileupload-choose:not(.p-disabled):hover {
- background: #027eef;
- color: #ffffff;
- border-color: #027eef;
- }
-
- .p-fileupload-choose:not(.p-disabled):active {
- background: #0270d5;
- color: #ffffff;
- border-color: #0270d5;
- }
-
- .p-breadcrumb {
- background: transparent;
- border: 1px solid rgba(255, 255, 255, 0.15);
- border-radius: 6px;
- padding: 0.857rem;
- }
-
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
- transition: box-shadow 0.2s;
- border-radius: 6px;
- }
-
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 none;
- }
-
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
- color: #C8CCD8;
- }
-
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
- color: #C8CCD8;
- }
-
- .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
- margin: 0 0.5rem 0 0.5rem;
- color: #C8CCD8;
- }
-
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
- color: #C8CCD8;
- }
-
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
- color: #C8CCD8;
- }
-
- .p-contextmenu {
- padding: 0.429rem;
- background: #0a061a;
- color: #C8CCD8;
- border: 1px solid transparent;
- box-shadow: none;
- border-radius: 6px;
- width: 12.5rem;
- }
-
- .p-contextmenu .p-contextmenu-root-list {
- outline: 0 none;
- }
-
- .p-contextmenu .p-submenu-list {
- padding: 0.429rem;
- background: #0a061a;
- border: 1px solid transparent;
- box-shadow: none;
- border-radius: 6px;
- }
-
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: #C8CCD8;
- transition: box-shadow 0.2s;
- border-radius: 6px;
- }
-
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #C8CCD8;
- padding: 0.571rem 0.429rem;
- user-select: none;
- }
-
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #C8CCD8;
- }
-
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #C8CCD8;
- margin-right: 0.5rem;
- }
-
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #C8CCD8;
- }
-
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #ffffff;
- background: #0F8BFD;
- }
-
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
-
- .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: #ffffff;
- }
-
- .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(15, 139, 253, 0.24);
- }
-
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #FFFFFF;
- background: rgba(255, 255, 255, 0.1);
- }
-
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #FFFFFF;
- }
-
- .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: #FFFFFF;
- }
-
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #FFFFFF;
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #FFFFFF;
- }
-
- .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: #FFFFFF;
- }
-
- .p-contextmenu .p-menuitem-separator {
- border-top: 1px solid rgba(255, 255, 255, 0.05);
- 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: 6px;
- }
-
- .p-dock .p-dock-item.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 none;
- }
-
- .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.857rem;
- background: transparent;
- color: #C8CCD8;
- border: 1px solid rgba(255, 255, 255, 0.15);
- border-radius: 6px;
- }
-
- .p-megamenu .p-megamenu-root-list {
- outline: 0 none;
- }
-
- .p-megamenu .p-menuitem > .p-menuitem-content {
- color: #C8CCD8;
- transition: box-shadow 0.2s;
- border-radius: 6px;
- }
-
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #C8CCD8;
- padding: 0.571rem 0.429rem;
- user-select: none;
- }
-
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #C8CCD8;
- }
-
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #C8CCD8;
- margin-right: 0.5rem;
- }
-
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #C8CCD8;
- }
-
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #ffffff;
- background: #0F8BFD;
- }
-
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
-
- .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: #ffffff;
- }
-
- .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(15, 139, 253, 0.24);
- }
-
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #FFFFFF;
- background: rgba(255, 255, 255, 0.1);
- }
-
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #FFFFFF;
- }
-
- .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: #FFFFFF;
- }
-
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #FFFFFF;
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #FFFFFF;
- }
-
- .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: #FFFFFF;
- }
-
- .p-megamenu .p-megamenu-panel {
- background: #0a061a;
- color: #C8CCD8;
- border: 1px solid transparent;
- box-shadow: none;
- }
-
- .p-megamenu .p-submenu-header {
- margin: 0;
- padding: 0.571rem 0.429rem;
- color: #868C9B;
- background: transparent;
- font-weight: 500;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
-
- .p-megamenu .p-submenu-list {
- padding: 0.429rem;
- width: 12.5rem;
- }
-
- .p-megamenu .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid rgba(255, 255, 255, 0.05);
- margin: 0.25rem 0;
- }
-
- .p-megamenu.p-megamenu-vertical {
- width: 12.5rem;
- padding: 0.429rem;
- }
-
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
- color: #C8CCD8;
- transition: box-shadow 0.2s;
- border-radius: 6px;
- }
-
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.571rem 0.429rem;
- user-select: none;
- }
-
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #C8CCD8;
- }
-
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #C8CCD8;
- 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: #C8CCD8;
- 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: #FFFFFF;
- background: rgba(255, 255, 255, 0.05);
- }
-
- .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: #FFFFFF;
- }
-
- .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: #FFFFFF;
- }
-
- .p-menu {
- padding: 0.429rem;
- background: transparent;
- color: #C8CCD8;
- border: 1px solid rgba(255, 255, 255, 0.15);
- border-radius: 6px;
- width: 12.5rem;
- }
-
- .p-menu .p-menuitem > .p-menuitem-content {
- color: #C8CCD8;
- transition: box-shadow 0.2s;
- border-radius: 6px;
- }
-
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #C8CCD8;
- padding: 0.571rem 0.429rem;
- user-select: none;
- }
-
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #C8CCD8;
- }
-
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #C8CCD8;
- margin-right: 0.5rem;
- }
-
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #C8CCD8;
- }
-
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #ffffff;
- background: #0F8BFD;
- }
-
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
-
- .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: #ffffff;
- }
-
- .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(15, 139, 253, 0.24);
- }
-
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #FFFFFF;
- background: rgba(255, 255, 255, 0.1);
- }
-
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #FFFFFF;
- }
-
- .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: #FFFFFF;
- }
-
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #FFFFFF;
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #FFFFFF;
- }
-
- .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: #FFFFFF;
- }
-
- .p-menu.p-menu-overlay {
- background: #0a061a;
- border: 1px solid transparent;
- box-shadow: none;
- }
-
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.571rem 0.429rem;
- color: #868C9B;
- background: transparent;
- font-weight: 500;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
-
- .p-menu .p-menuitem-separator {
- border-top: 1px solid rgba(255, 255, 255, 0.05);
- margin: 0.25rem 0;
- }
-
- .p-menu .p-menuitem-badge {
- background: #0F8BFD;
- color: #ffffff;
- font-size: 1rem;
- font-weight: 500;
- min-width: 1.429rem;
- height: 1.429rem;
- line-height: 1.429rem;
- border-radius: 6px;
- margin-left: 0.5rem;
- padding-left: 0.5rem;
- padding-right: 0.5rem;
- }
-
- .p-menubar {
- padding: 0.857rem;
- background: transparent;
- color: #C8CCD8;
- border: 1px solid rgba(255, 255, 255, 0.15);
- border-radius: 6px;
- }
-
- .p-menubar .p-menubar-root-list {
- outline: 0 none;
- }
-
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
- color: #C8CCD8;
- transition: box-shadow 0.2s;
- border-radius: 6px;
- }
-
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.571rem 0.429rem;
- user-select: none;
- }
-
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #C8CCD8;
- }
-
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #C8CCD8;
- margin-right: 0.5rem;
- }
-
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #C8CCD8;
- margin-left: 0.5rem;
- }
-
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #FFFFFF;
- background: rgba(255, 255, 255, 0.05);
- }
-
- .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: #FFFFFF;
- }
-
- .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: #FFFFFF;
- }
-
- .p-menubar .p-menuitem > .p-menuitem-content {
- color: #C8CCD8;
- transition: box-shadow 0.2s;
- border-radius: 6px;
- }
-
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #C8CCD8;
- padding: 0.571rem 0.429rem;
- user-select: none;
- }
-
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #C8CCD8;
- }
-
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #C8CCD8;
- margin-right: 0.5rem;
- }
-
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #C8CCD8;
- }
-
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
- color: #ffffff;
- background: #0F8BFD;
- }
-
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
-
- .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: #ffffff;
- }
-
- .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(15, 139, 253, 0.24);
- }
-
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #FFFFFF;
- background: rgba(255, 255, 255, 0.1);
- }
-
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #FFFFFF;
- }
-
- .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: #FFFFFF;
- }
-
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #FFFFFF;
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #FFFFFF;
- }
-
- .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: #FFFFFF;
- }
-
- .p-menubar .p-submenu-list {
- padding: 0.429rem;
- background: #0a061a;
- border: 1px solid transparent;
- box-shadow: none;
- width: 12.5rem;
- }
-
- .p-menubar .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid rgba(255, 255, 255, 0.05);
- 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: #C8CCD8;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
-
- .p-menubar .p-menubar-button:hover {
- color: #FFFFFF;
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-menubar .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 none;
- }
-
- .p-menubar .p-menubar-root-list {
- position: absolute;
- display: none;
- padding: 0.429rem;
- background: #0a061a;
- border: 1px solid transparent;
- box-shadow: none;
- width: 100%;
- }
-
- .p-menubar .p-menubar-root-list .p-menuitem-separator {
- border-top: 1px solid rgba(255, 255, 255, 0.05);
- 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: 1.713rem;
- }
-
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 2.855rem;
- }
-
- .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: 3.997rem;
- }
-
- .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: 5.139rem;
- }
-
- .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: 6.281rem;
- }
-
- .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 rgba(255, 255, 255, 0.15);
- color: #FFFFFF;
- background: transparent;
- border-radius: 6px;
- transition: box-shadow 0.2s;
- }
-
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #FFFFFF;
- padding: 0.714rem 1.143rem;
- font-weight: 500;
- }
-
- .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 none;
- }
-
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: rgba(255, 255, 255, 0.05);
- border-color: rgba(255, 255, 255, 0.05);
- color: #FFFFFF;
- }
-
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
- background: rgba(255, 255, 255, 0.15);
- border-color: rgba(255, 255, 255, 0.05);
- color: #FFFFFF;
- 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: rgba(255, 255, 255, 0.05);
- background: rgba(255, 255, 255, 0.15);
- color: #FFFFFF;
- }
-
- .p-panelmenu .p-panelmenu-content {
- padding: 0.429rem;
- border: 1px solid rgba(255, 255, 255, 0.15);
- background: transparent;
- color: #FFFFFF;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
- outline: 0 none;
- }
-
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
- color: #C8CCD8;
- transition: box-shadow 0.2s;
- border-radius: 6px;
- }
-
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #C8CCD8;
- padding: 0.571rem 0.429rem;
- user-select: none;
- }
-
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #C8CCD8;
- }
-
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #C8CCD8;
- margin-right: 0.5rem;
- }
-
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #C8CCD8;
- }
-
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
- color: #ffffff;
- background: #0F8BFD;
- }
-
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
-
- .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: #ffffff;
- }
-
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(15, 139, 253, 0.24);
- }
-
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #FFFFFF;
- background: rgba(255, 255, 255, 0.1);
- }
-
- .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: #FFFFFF;
- }
-
- .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: #FFFFFF;
- }
-
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #FFFFFF;
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #FFFFFF;
- }
-
- .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: #FFFFFF;
- }
-
- .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 rgba(255, 255, 255, 0.05);
- 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: 6px;
- border-top-left-radius: 6px;
- }
-
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-slidemenu {
- padding: 0.429rem;
- background: transparent;
- color: #C8CCD8;
- border: 1px solid rgba(255, 255, 255, 0.15);
- border-radius: 6px;
- 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: #C8CCD8;
- transition: box-shadow 0.2s;
- border-radius: 6px;
- }
-
- .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #C8CCD8;
- padding: 0.571rem 0.429rem;
- user-select: none;
- }
-
- .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #C8CCD8;
- }
-
- .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #C8CCD8;
- margin-right: 0.5rem;
- }
-
- .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #C8CCD8;
- }
-
- .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #ffffff;
- background: #0F8BFD;
- }
-
- .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
-
- .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: #ffffff;
- }
-
- .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(15, 139, 253, 0.24);
- }
-
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #FFFFFF;
- background: rgba(255, 255, 255, 0.1);
- }
-
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #FFFFFF;
- }
-
- .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: #FFFFFF;
- }
-
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #FFFFFF;
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #FFFFFF;
- }
-
- .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: #FFFFFF;
- }
-
- .p-slidemenu.p-slidemenu-overlay {
- background: #0a061a;
- border: 1px solid transparent;
- box-shadow: none;
- }
-
- .p-slidemenu .p-slidemenu-list {
- padding: 0.429rem;
- background: #0a061a;
- border: 1px solid transparent;
- box-shadow: none;
- }
-
- .p-slidemenu .p-menuitem-separator {
- border-top: 1px solid rgba(255, 255, 255, 0.05);
- 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.571rem 0.429rem;
- color: #C8CCD8;
- }
-
- .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 none;
- }
-
- .p-slidemenu .p-menuitem-badge {
- background: #0F8BFD;
- color: #ffffff;
- font-size: 1rem;
- font-weight: 500;
- min-width: 1.429rem;
- height: 1.429rem;
- line-height: 1.429rem;
- border-radius: 6px;
- margin-left: 0.5rem;
- padding-left: 0.5rem;
- padding-right: 0.5rem;
- }
-
- .p-steps .p-steps-item .p-menuitem-link {
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 6px;
- background: transparent;
- }
-
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #868C9B;
- border: 0 none;
- background: transparent;
- min-width: 1.714rem;
- height: 1.714rem;
- line-height: 1.714rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 12px;
- }
-
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: #868C9B;
- }
-
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 none;
- }
-
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #0F8BFD;
- color: #ffffff;
- }
-
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 400;
- color: #FFFFFF;
- }
-
- .p-steps .p-steps-item:before {
- content: " ";
- border-top: 1px solid rgba(255, 255, 255, 0.05);
- width: 100%;
- top: 50%;
- left: 0;
- display: block;
- position: absolute;
- margin-top: -0.857rem;
- }
-
- .p-tabmenu .p-tabmenu-nav {
- background: transparent;
- border: 1px solid rgba(255, 255, 255, 0.15);
- border-width: 0 0 2px 0;
- }
-
- .p-tabmenu .p-tabmenu-nav .p-menuitem-badge {
- background: #0F8BFD;
- color: #ffffff;
- font-size: 1rem;
- font-weight: 500;
- min-width: 1.429rem;
- height: 1.429rem;
- line-height: 1.429rem;
- border-radius: 6px;
- margin-left: 0.5rem;
- padding-left: 0.5rem;
- padding-right: 0.5rem;
- }
-
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0.857rem;
- }
-
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid transparent;
- border-width: 0 0 2px 0;
- border-color: transparent transparent transparent transparent;
- background: transparent;
- color: #868C9B;
- padding: 0.571rem 0.429rem;
- font-weight: 500;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- transition: 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 none;
- }
-
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: transparent;
- border-color: #FFFFFF;
- color: #FFFFFF;
- }
-
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: transparent;
- border-color: #0F8BFD;
- color: #0F8BFD;
- }
-
- .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: transparent;
- color: #0F8BFD;
- width: 2.286rem;
- 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 none;
- }
-
- .p-tieredmenu {
- padding: 0.429rem;
- background: transparent;
- color: #C8CCD8;
- border: 1px solid rgba(255, 255, 255, 0.15);
- border-radius: 6px;
- width: 12.5rem;
- }
-
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #0a061a;
- border: 1px solid transparent;
- box-shadow: none;
- }
-
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
-
- .p-tieredmenu .p-submenu-list {
- padding: 0.429rem;
- background: #0a061a;
- border: 1px solid transparent;
- box-shadow: none;
- }
-
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: #C8CCD8;
- transition: box-shadow 0.2s;
- border-radius: 6px;
- }
-
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #C8CCD8;
- padding: 0.571rem 0.429rem;
- user-select: none;
- }
-
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #C8CCD8;
- }
-
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #C8CCD8;
- margin-right: 0.5rem;
- }
-
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #C8CCD8;
- }
-
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #ffffff;
- background: #0F8BFD;
- }
-
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
-
- .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: #ffffff;
- }
-
- .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(15, 139, 253, 0.24);
- }
-
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #FFFFFF;
- background: rgba(255, 255, 255, 0.1);
- }
-
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #FFFFFF;
- }
-
- .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: #FFFFFF;
- }
-
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #FFFFFF;
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #FFFFFF;
- }
-
- .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: #FFFFFF;
- }
-
- .p-tieredmenu .p-menuitem-separator {
- border-top: 1px solid rgba(255, 255, 255, 0.05);
- 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.429rem 0.571rem;
- margin: 0;
- border-radius: 6px;
- }
-
- .p-inline-message.p-inline-message-info {
- background: rgba(255, 255, 255, 0.05);
- border: solid #873EFE;
- border-width: 0 0 0 20px;
- color: #FFFFFF;
- }
-
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #FFFFFF;
- }
-
- .p-inline-message.p-inline-message-success {
- background: rgba(255, 255, 255, 0.05);
- border: solid #0BD18A;
- border-width: 0 0 0 20px;
- color: #FFFFFF;
- }
-
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #FFFFFF;
- }
-
- .p-inline-message.p-inline-message-warn {
- background: rgba(255, 255, 255, 0.05);
- border: solid #EEE500;
- border-width: 0 0 0 20px;
- color: #FFFFFF;
- }
-
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #FFFFFF;
- }
-
- .p-inline-message.p-inline-message-error {
- background: rgba(255, 255, 255, 0.05);
- border: solid #FC6161;
- border-width: 0 0 0 20px;
- color: #FFFFFF;
- }
-
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #FFFFFF;
- }
-
- .p-inline-message .p-inline-message-icon {
- font-size: 1.286rem;
- margin-right: 0.5rem;
- }
-
- .p-inline-message .p-icon {
- width: 1.286rem;
- height: 1.286rem;
- }
-
- .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: 6px;
- }
-
- .p-message .p-message-wrapper {
- padding: 1.143rem 1.357rem;
- }
-
- .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 none;
- }
-
- .p-message.p-message-info {
- background: rgba(255, 255, 255, 0.05);
- border: solid #873EFE;
- border-width: 0 0 0 20px;
- 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: rgba(255, 255, 255, 0.05);
- border: solid #0BD18A;
- border-width: 0 0 0 20px;
- 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: rgba(255, 255, 255, 0.05);
- border: solid #EEE500;
- border-width: 0 0 0 20px;
- color: #FFFFFF;
- }
-
- .p-message.p-message-warn .p-message-icon {
- color: #FFFFFF;
- }
-
- .p-message.p-message-warn .p-message-close {
- color: #FFFFFF;
- }
-
- .p-message.p-message-error {
- background: rgba(255, 255, 255, 0.05);
- border: solid #FC6161;
- border-width: 0 0 0 20px;
- 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: 400;
- }
-
- .p-message .p-message-icon {
- font-size: 1.286rem;
- margin-right: 0.5rem;
- }
-
- .p-message .p-icon {
- width: 1.286rem;
- height: 1.286rem;
- }
-
- .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: none;
- border-radius: 6px;
- }
-
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1.143rem 1.357rem;
- border-width: 0 0 0 20px;
- }
-
- .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: 1.286rem;
- }
-
- .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) {
- width: 1.286rem;
- height: 1.286rem;
- }
-
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 400;
- }
-
- .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: 1.286rem;
- height: 1.286rem;
- 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 none;
- }
-
- .p-toast .p-toast-message.p-toast-message-info {
- background: rgba(255, 255, 255, 0.05);
- border: solid #873EFE;
- border-width: 0 0 0 20px;
- 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: rgba(255, 255, 255, 0.05);
- border: solid #0BD18A;
- border-width: 0 0 0 20px;
- 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: rgba(255, 255, 255, 0.05);
- border: solid #EEE500;
- border-width: 0 0 0 20px;
- color: #FFFFFF;
- }
-
- .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: #FFFFFF;
- }
-
- .p-toast .p-toast-message.p-toast-message-error {
- background: rgba(255, 255, 255, 0.05);
- border: solid #FC6161;
- border-width: 0 0 0 20px;
- 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: #f8f9fa;
- 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: #f8f9fa;
- }
-
- .p-galleria .p-galleria-item-nav {
- background: transparent;
- color: #f8f9fa;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 6px;
- margin: 0 0.5rem;
- }
-
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
- .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
-
- .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon {
- width: 2rem;
- height: 2rem;
- }
-
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa;
- }
-
- .p-galleria .p-galleria-caption {
- background: rgba(0, 0, 0, 0.5);
- color: #f8f9fa;
- padding: 1rem;
- }
-
- .p-galleria .p-galleria-indicators {
- padding: 1rem;
- }
-
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: rgba(255, 255, 255, 0.1);
- width: 1.429rem;
- height: 0.286rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- }
-
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.2);
- }
-
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #0F8BFD;
- color: #ffffff;
- }
-
- .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: #C8CCD8;
- }
-
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #FFFFFF;
- }
-
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #0F8BFD;
- color: #ffffff;
- }
-
- .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: #f8f9fa;
- 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: #f8f9fa;
- }
-
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 none;
- }
-
- .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: rgba(255, 255, 255, 0.05);
- border-radius: 6px;
- }
-
- .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 transparent;
- }
-
- .p-badge {
- background: #0F8BFD;
- color: #ffffff;
- font-size: 1rem;
- font-weight: 500;
- min-width: 1.429rem;
- height: 1.429rem;
- line-height: 1.429rem;
- }
-
- .p-badge.p-badge-secondary {
- background-color: #a0a3ad;
- color: #FFFFFF;
- }
-
- .p-badge.p-badge-success {
- background-color: #0BD18A;
- color: #FFFFFF;
- }
-
- .p-badge.p-badge-info {
- background-color: #873EFE;
- color: #FFFFFF;
- }
-
- .p-badge.p-badge-warning {
- background-color: #EEE500;
- color: #2E323F;
- }
-
- .p-badge.p-badge-danger {
- background-color: #FC6161;
- color: #FFFFFF;
- }
-
- .p-badge.p-badge-lg {
- font-size: 1.5rem;
- min-width: 2.1435rem;
- height: 2.1435rem;
- line-height: 2.1435rem;
- }
-
- .p-badge.p-badge-xl {
- font-size: 2rem;
- min-width: 2.858rem;
- height: 2.858rem;
- line-height: 2.858rem;
- }
-
- .p-chip {
- background-color: rgba(255, 255, 255, 0.05);
- color: #FFFFFF;
- border-radius: 16px;
- padding: 0 0.571rem;
- }
-
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.2145rem;
- margin-bottom: 0.2145rem;
- }
-
- .p-chip .p-chip-icon {
- margin-right: 0.5rem;
- }
-
- .p-chip .pi-chip-remove-icon {
- margin-left: 0.5rem;
- }
-
- .p-chip img {
- width: 1.929rem;
- height: 1.929rem;
- margin-left: -0.571rem;
- margin-right: 0.5rem;
- }
-
- .p-chip .pi-chip-remove-icon {
- border-radius: 6px;
- 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 none;
- }
-
- .p-chip .pi-chip-remove-icon:focus {
- outline: 0 none;
- }
-
- .p-inplace .p-inplace-display {
- padding: 0.429rem 0.571rem;
- border-radius: 6px;
- 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: rgba(255, 255, 255, 0.05);
- color: #FFFFFF;
- }
-
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 none;
- }
-
- .p-progressbar {
- border: 0 none;
- height: 0.571rem;
- background: rgba(255, 255, 255, 0.1);
- border-radius: 6px;
- }
-
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #0F8BFD;
- }
-
- .p-progressbar .p-progressbar-label {
- color: #ffffff;
- line-height: 0.571rem;
- }
-
- .p-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, box-shadow 0.2s;
- }
-
- .p-scrolltop.p-link {
- background: #0F8BFD;
- }
-
- .p-scrolltop.p-link:hover {
- background: #0f8bfd;
- }
-
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #ffffff;
- }
-
- .p-scrolltop .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-skeleton {
- background-color: rgba(255, 255, 255, 0.06);
- border-radius: 6px;
- }
-
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
- }
-
- .p-tag {
- background: #0F8BFD;
- color: #ffffff;
- font-size: 1rem;
- font-weight: 500;
- padding: 0 0.429rem;
- border-radius: 6px;
- }
-
- .p-tag.p-tag-success {
- background-color: #0BD18A;
- color: #FFFFFF;
- }
-
- .p-tag.p-tag-info {
- background-color: #873EFE;
- color: #FFFFFF;
- }
-
- .p-tag.p-tag-warning {
- background-color: #EEE500;
- color: #2E323F;
- }
-
- .p-tag.p-tag-danger {
- background-color: #FC6161;
- color: #FFFFFF;
- }
-
- .p-tag .p-tag-icon {
- margin-right: 0.25rem;
- font-size: 1rem;
- }
-
- .p-tag .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-terminal {
- background: transparent;
- color: #FFFFFF;
- border: 1px solid rgba(255, 255, 255, 0.15);
- padding: 1.143rem;
- }
-
- .p-terminal .p-terminal-input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- }
-}
-
-.p-button-label {
- font-weight: 700;
-}
-
-.p-accordion .p-accordion-header .p-accordion-header-link {
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-
-.p-tabview .p-tabview-nav li .p-tabview-nav-link {
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-
-.p-tabview .p-tabview-nav .p-tabview-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: 0;
- height: 2px;
- background-color: #0F8BFD;
- transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
-}
-
-.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background-color: #0F8BFD;
-}
-
-.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background-color: #0F8BFD;
-}
-
-.p-button:focus {
- box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(15, 139, 253, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0);
-}
-
-.p-button.p-button-secondary:enabled:focus {
- box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(160, 163, 173, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0);
-}
-
-.p-button.p-button-success:enabled:focus {
- box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(11, 209, 138, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0);
-}
-
-.p-button.p-button-info:enabled:focus {
- box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(135, 62, 254, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0);
-}
-
-.p-button.p-button-warning:enabled:focus {
- box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(238, 229, 0, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0);
-}
-
-.p-button.p-button-help:enabled:focus {
- box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(236, 77, 188, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0);
-}
-
-.p-button.p-button-danger:enabled:focus {
- box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(252, 97, 97, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0);
-}
-
-.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #0F8BFD;
-}
-
-.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #0F8BFD;
-}
-
-.custom-timeline.p-timeline.p-timeline-vertical .p-timeline-event-opposite {
- flex: 0;
- padding: 0;
-}
-
-.fc {
- /* FullCalendar 4 */
- /* FullCalendar 5 */
-}
-
- .fc.fc-unthemed .fc-view-container th {
- background: transparent;
- border: 1px solid rgba(255, 255, 255, 0.15);
- color: #FFFFFF;
- }
-
- .fc.fc-unthemed .fc-view-container td.fc-widget-content {
- border: 1px solid rgba(255, 255, 255, 0.15);
- color: #FFFFFF;
- }
-
- .fc.fc-unthemed .fc-view-container td.fc-head-container {
- border: 1px solid rgba(255, 255, 255, 0.15);
- }
-
- .fc.fc-unthemed .fc-view-container .fc-view {
- background: transparent;
- }
-
- .fc.fc-unthemed .fc-view-container .fc-row {
- border-right: 1px solid rgba(255, 255, 255, 0.15);
- }
-
- .fc.fc-unthemed .fc-view-container .fc-event {
- background: #027eef;
- border: 1px solid #027eef;
- color: #ffffff;
- }
-
- .fc.fc-unthemed .fc-view-container .fc-divider {
- background: transparent;
- border: 1px solid rgba(255, 255, 255, 0.15);
- }
-
- .fc.fc-unthemed .fc-toolbar .fc-button {
- color: #ffffff;
- background: #0F8BFD;
- border: 1px solid #0F8BFD;
- font-size: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 6px;
- display: flex;
- align-items: center;
- }
-
- .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover {
- background: #027eef;
- color: #ffffff;
- border-color: #027eef;
- }
-
- .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active {
- background: #0270d5;
- color: #ffffff;
- border-color: #0270d5;
- }
-
- .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 none;
- }
-
- .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left {
- font-family: "PrimeIcons" !important;
- text-indent: 0;
- font-size: 1rem;
- }
-
- .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before {
- content: "\e900";
- }
-
- .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right {
- font-family: "PrimeIcons" !important;
- text-indent: 0;
- font-size: 1rem;
- }
-
- .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before {
- content: "\e901";
- }
-
- .fc.fc-unthemed .fc-toolbar .fc-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 none;
- }
-
- .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button {
- background: rgba(255, 255, 255, 0.2);
- border: 1px solid transparent;
- color: #FFFFFF;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
-
- .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
- background: rgba(255, 255, 255, 0.1);
- border-color: transparent;
- color: #FFFFFF;
- }
-
- .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
- background: #0F8BFD;
- border-color: #0F8BFD;
- color: #ffffff;
- }
-
- .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
- background: #027eef;
- border-color: #027eef;
- color: #ffffff;
- }
-
- .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 none;
- z-index: 1;
- }
-
- .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button {
- border-radius: 0;
- }
-
- .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid {
- border-color: rgba(255, 255, 255, 0.15);
- }
-
- .fc.fc-theme-standard .fc-view-harness th {
- background: transparent;
- border-color: rgba(255, 255, 255, 0.15);
- color: #FFFFFF;
- }
-
- .fc.fc-theme-standard .fc-view-harness td {
- color: #FFFFFF;
- border-color: rgba(255, 255, 255, 0.15);
- }
-
- .fc.fc-theme-standard .fc-view-harness .fc-view {
- background: transparent;
- }
-
- .fc.fc-theme-standard .fc-view-harness .fc-popover {
- background: none;
- border: 0 none;
- }
-
- .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header {
- border: 1px solid rgba(255, 255, 255, 0.15);
- padding: 0.714rem 1.143rem;
- background: transparent;
- color: #FFFFFF;
- }
-
- .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close {
- opacity: 1;
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- font-family: "PrimeIcons" !important;
- font-size: 1rem;
- width: 2rem;
- height: 2rem;
- color: #C8CCD8;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
-
- .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before {
- content: "\e90b";
- }
-
- .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover {
- color: #FFFFFF;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.05);
- }
-
- .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 none;
- }
-
- .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body {
- padding: 1.143rem;
- border: 1px solid rgba(255, 255, 255, 0.15);
- background: transparent;
- color: #FFFFFF;
- border-top: 0 none;
- }
-
- .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event {
- color: #ffffff;
- background: #027eef;
- border-color: #027eef;
- }
-
- .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main {
- color: #ffffff;
- }
-
- .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot {
- background: #027eef;
- border-color: #027eef;
- }
-
- .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover {
- background: rgba(255, 255, 255, 0.05);
- color: #FFFFFF;
- }
-
- .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded {
- background: transparent;
- }
-
- .fc.fc-theme-standard .fc-toolbar .fc-button {
- color: #ffffff;
- background: #0F8BFD;
- border: 1px solid #0F8BFD;
- font-size: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 6px;
- }
-
- .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover {
- background: #027eef;
- color: #ffffff;
- border-color: #027eef;
- }
-
- .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active {
- background: #0270d5;
- color: #ffffff;
- border-color: #0270d5;
- }
-
- .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 none;
- }
-
- .fc.fc-theme-standard .fc-toolbar .fc-button:disabled {
- opacity: 0.4;
- color: #ffffff;
- background: #0F8BFD;
- border: 1px solid #0F8BFD;
- }
-
- .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left {
- font-family: "PrimeIcons" !important;
- text-indent: 0;
- font-size: 1rem;
- }
-
- .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before {
- content: "\e900";
- }
-
- .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right {
- font-family: "PrimeIcons" !important;
- text-indent: 0;
- font-size: 1rem;
- }
-
- .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before {
- content: "\e901";
- }
-
- .fc.fc-theme-standard .fc-toolbar .fc-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 none;
- }
-
- .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button {
- background: rgba(255, 255, 255, 0.2);
- border: 1px solid transparent;
- color: #FFFFFF;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
-
- .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
- background: rgba(255, 255, 255, 0.1);
- border-color: transparent;
- color: #FFFFFF;
- }
-
- .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
- background: #0F8BFD;
- border-color: #0F8BFD;
- color: #ffffff;
- }
-
- .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
- background: #027eef;
- border-color: #027eef;
- color: #ffffff;
- }
-
- .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 none;
- z-index: 1;
- }
-
- .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button {
- border-radius: 0;
- }
-
- .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .fc.fc-theme-standard .fc-highlight {
- color: #ffffff;
- background: #0F8BFD;
- }
diff --git a/client/src/assets/themes/theme-1.png b/client/src/assets/theme-previews/theme-1.png
similarity index 100%
rename from client/src/assets/themes/theme-1.png
rename to client/src/assets/theme-previews/theme-1.png
diff --git a/client/src/assets/themes/theme-2.png b/client/src/assets/theme-previews/theme-2.png
similarity index 100%
rename from client/src/assets/themes/theme-2.png
rename to client/src/assets/theme-previews/theme-2.png
diff --git a/client/src/assets/themes/theme-3.png b/client/src/assets/theme-previews/theme-3.png
similarity index 100%
rename from client/src/assets/themes/theme-3.png
rename to client/src/assets/theme-previews/theme-3.png
diff --git a/client/src/assets/themes/theme-4.png b/client/src/assets/theme-previews/theme-4.png
similarity index 100%
rename from client/src/assets/themes/theme-4.png
rename to client/src/assets/theme-previews/theme-4.png
diff --git a/client/src/assets/themes/theme-5.png b/client/src/assets/theme-previews/theme-5.png
similarity index 100%
rename from client/src/assets/themes/theme-5.png
rename to client/src/assets/theme-previews/theme-5.png
diff --git a/client/src/assets/themes/theme-6.png b/client/src/assets/theme-previews/theme-6.png
similarity index 100%
rename from client/src/assets/themes/theme-6.png
rename to client/src/assets/theme-previews/theme-6.png
diff --git a/client/src/assets/themes/theme-7.png b/client/src/assets/theme-previews/theme-7.png
similarity index 100%
rename from client/src/assets/themes/theme-7.png
rename to client/src/assets/theme-previews/theme-7.png
diff --git a/client/src/index.html b/client/src/index.html
index fe9708ca..a8705d55 100644
--- a/client/src/index.html
+++ b/client/src/index.html
@@ -17,7 +17,7 @@
<meta name="viewport"
content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, viewport-fit=cover">
<link rel="icon" type="image/x-icon" href="favicon.ico">
- <link id="theme-link" rel="stylesheet" type="text/css" href="assets/components/themes/lara-dark-blue/theme.css">
+ <link id="theme-link" rel="stylesheet" type="text/css" href="app/styles/themes/lara-dark-blue/theme.css">
<!--<script type="text/javascript" src="cpat/Env.js"></script>-->
<script>
const CPAT = {